#home div.aspace {min-height: 95px}

#fte img {width:150px}

h2.titlebar,
p.titlebar,
h1.titlebar { font-size: 1.7em; color: #444; margin: 0; display: inline; font-weight: 900}
.subtitlebar { font-size: 12px; font-weight:bold; color: #333; display: inline }
.hidden { display: none}
.subtitleBold { font-size: 16px; font-weight:bold; color: #333}
.subsectionHead { font-size: 14px; font-weight:bold; color: #333}
.subtabs { margin-bottom: 10px; border-bottom: 1px solid #ccc; padding-bottom: 3px}
.subtabs a { font-size: 12px; font-weight:bold; margin-right: 14px}
.subtabs a.currentSubsection { color: #000 !important}

.newTopic.buttonBlueLarge {line-height: 22px;width:100px;height:20px;display:block;background-color:#FF5200;float:right;font-size:12px;}
.newTopic.buttonBlueLarge_over {width:100px;height:20px;display:block;background-color:#FF7533;float:right;font-size:12px;}

.groupPg-RSS-box {width:300px;height:40px;display:table;}
.groupPg-title-box {display: table-cell; vertical-align: middle; font-size:14px}
.groupPg-RSS-btn {display:inline-block;margin-top:7px;width:44px;height:22px;float:right;}
.groupPg-RSS-btn-block {width:20px;height:20px;float:right;}
.groupPg-RSS-btn-block img {margin-left:-27px;margin-top:-1px;}
.groupPg-topic-container {width:600px;height:50px;}

.sidebar-actions .btn {display:block; margin-bottom:10px}
#group-join-follow .btn {float:left; width:106px}
#group-join-follow #join-btn {margin-right:5px}
#group-admin-features {background:#dedede; border:1px solid #ccc; line-height:27px; padding:10px; margin-bottom:10px; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px}
#group-admin-features .btn {float:left; margin:0 5px 2px 0; font-size:12px}
#group-admin-features .btn:last-child {margin-right:0}
#group-admin-features .ilabel {color:#757575; font-size:12px; font-weight:bold}

.channels { padding: 0.5em 0 0.5em;  border-bottom: 1px solid #cdcdcd}
.channels ul { position: relative; left: 120px; width: 849px}
.channels li { margin: 0 0.25em}
.channels li a { display: block; height: 21px; line-height: 21px; padding: 0 0 0 4px; color: #494949; background: url(/static/img/header/subnav-left.png) no-repeat -1000px -1000px}
.channels li a span { display: block; height: 21px; line-height: 21px; padding: 0 8px 0 4px; background: url(/static/img/header/subnav-right.png) no-repeat -1000px -1000px}
.channels li.selected a,
.channels li a:hover { color: #f6f6f6; background-position: top left; text-decoration: none}
.channels li.selected a span,
.channels li a:hover span { background-position: top right}
.channels li.selected a span { font-weight: bold}
#see-more-channels { display: none; overflow: hidden}
#see-less { display: none}
input.editButton,
input.editButtonHover,
input.DropBoxButton,
a.DropBoxButton { font-size: 11px; font-weight: bold; text-decoration:none; text-align: center; color:#ff5200; /*orange*/ margin: 0 2px 2px 0px; cursor:pointer; *cursor:hand; background:#eee url(/static/img/buttonBG.gif) repeat-x; border:1px solid #c2bab0; height: 19px; padding: 2px 10px}
input.editButtonHover { background:#f5f3ee url(/static/img/buttonBG-over.gif) repeat-x; border: 1px solid #C27E00}

.wikierror { clear: both; background: #fdc; border: 2px solid #d00; color: #500; padding: .5em; margin: 1em 0}
.wikierror pre { margin-left: 1em; overflow: auto }

a .entryExtraTitle { font-size: 16px; font-weight: bold; color: #333; padding:0 10px 0 10px}
a .entryExtraTitle:hover { font-size: 16px; font-weight: bold; color: #ff5200; /*orange*/ padding:0 10px 0 10px}
.entryExtra { padding:2px; margin:4px 4px 4px 0; border:1px solid #ddd}
#fileInfo .fileImage {display:block;}

.fileTitle {margin-bottom:10px}
.fileEntryEmbed {position:relative; display:block; height:540px; margin-bottom:30px}
.fileEntryEmbed iframe,
.fileEntryEmbed object,
.fileEntryEmbed embed {position:absolute; top:0; left:0; width:100% !important; height:100%; border:none}

#settingsID ul.curly li { background-image: none;}

table.nice { border:  1px solid #C2BAB0; border-collapse:collapse}
table.nice td { border-bottom: 1px solid #C2BAB0; padding:2px}
table.useradmin { width: 100%; margin-bottom: 10px; border-left:  1px solid #C2BAB0; border-right: 1px solid #C2BAB0; border-collapse:collapse}
table.useradmin tr { background: #fff; border: 0 solid red; border-bottom: 1px solid #C2BAB0}
table.useradmin:hover tr:hover { background: #DDDDDD}
table.useradmin td { padding-right:3px}

.commentToolbar { border: 0 solid red; width: 447px; /* restricted width */}
.textToolbar { border: 0 solid red; width: 537px; /* restricted width */}

div.formRow { border: 0 solid red; padding: 5px; background: #e7e3df; border-bottom: 3px solid white}
div.sortableFiles { border-left:1px solid #C2BAB0; border-right:1px solid #C2BAB0; border-bottom:1px solid #C2BAB0}
div.sortableFileRow { padding:2px; border-top:1px solid #C2BAB0}
div.sortableFileRow:hover { background-color: #EEEEEE}

span.ttipHover { color: #857561; /* grey */ font-weight: bold; font-size: 12px; text-decoration: none; cursor:help}

.ShowTag:link    { margin-bottom: 10px; text-decoration: none; padding-bottom: 2px}
.ShowTag:hover   { color: #fff; text-decoration: none; background: #ff5200}

.tabbedpanes .tabbedpane { border: 1px solid #666; border-top: none; padding: 10px; clear: both; background-color: #fff}
.tabbedpanes .preview { min-height:270px; border: 1px solid #ccc; border-top: 1px solid #666; background-color: #F7F7F7; padding: 15px; overflow: hidden}
.tabbedpanes .preview h3 { /* for editor UI */   margin-left: 0}

.editForms .halfcol { float: left; width: 280px}
.editForms .halfcol select { margin-right: 10px}

.admin-group-sidebar-content { margin-top:10px; width:165px; }
.admin-group-sidebar-content fieldset {border: medium double #ccc}
.admin-group-sidebar-content legend {margin-bottom:0; text-align:center}
.admin-group-sidebar-content input {margin-right:5px}
.admin-group-sidebar-content select {width:150px}
.admin-newspot-form textarea {width:780px}

/* for Internet Explorer */
/*\*/
* html .tabbedpanes .preview { height: 230px; overflow: auto}
/**/

/* Tabs use the great CSS Tabs 2.0 (http://unraveled.com/publications/css_tabs/)
   Note that these do not work above 15px text sizes, however. */
ul.tabs,
ul.toptabs,
ul.topgraytabs,
ul.smalltabs { /* general settings */
    text-align: left; /* set to left, right or center */
    margin: 1px 0 0 0; /* set margins as desired */
    font-size: 12px; /* set font as desired */
    font-weight: bold; border-bottom: 1px solid #666; /* set border COLOR as desired */
    list-style-type: none; padding: 1px 10px 1px 0px; /* THIRD number must change with respect to padding-top (X) below */
}
ul.tabs,
ul.toptabs,
ul.topgraytabs { font-size: 15px; border-bottom: 1px solid #ccc; padding: 5px 10px 5px 1px}
ul.tabs { border-bottom: 1px solid #666}
ul.tabs li,
ul.toptabs li,
ul.topgraytabs li,
ul.smalltabs li { /* do not change */   display: inline; background-image: none; margin-left: 9px}
ul.tabs li,
ul.toptabs li,
ul.topgraytabs li { margin-left: 10px}
ul.smalltabs li.active { /* settings for selected tab */
    border-bottom: 1px solid #F7F7F7; /* set border color to page background color */
    background-color: transparent; /* set background color to match above border color */
}
ul.tabs li.active,
ul.toptabs li.active,
ul.topgraytabs li.active { /*border-bottom: 1px solid #fffed6;*/ background-color: transparent}
ul.tabs li.active a,
ul.toptabs li.active a,
ul.topgraytabs li.active a,
ul.smalltabs li.active a { /* settings for selected tab link */
    background-color: #F7F7F7; /* set selected tab background color as desired */
    color: #000; /* set selected tab link color as desired */
    position: relative; top: 1px; padding-top: 2px; /* must change with respect to padding (X) above and below */
}
ul.toptabs li.active a { background-color: #fffed6; color: #ff5200; padding-top: 6px}
ul.topgraytabs li.active a { background-color: #fff; color: #ff5200; padding-top: 6px}
ul.tabs li.active a{ background-color: #fff; color: #000; padding-top: 6px; border: 1px solid #666; border-bottom: none}
ul.tabs li a,
ul.toptabs li a,
ul.topgraytabs li a,
ul.smalltabs li a { /* settings for all tab links */
    padding: 1px 4px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
    border: 1px solid #666; /* set border COLOR as desired; usually matches border color specified in #tabnav */
    background-color: #fff; /* set unselected tab background color as desired */
    color: #666; /* set unselected tab link color as desired */
    margin-right: 0px; /* set additional spacing between tabs as desired */
    text-decoration: none; border-bottom: none}
ul.tabs li a,
ul.toptabs li a,
ul.topgraytabs li a { padding: 5px 10px; border: 1px solid #ccc; color: #ff5200; border-bottom: none}
ul.topgraytabs li a { background: #eee}
ul.tabs a:hover,
ul.toptabs a:hover,
ul.smalltabs a:hover { /* settings for hover effect */
    background: #eee; /* set desired hover color */
}
ul.topgraytabs a:hover { background: #fff}
/* end css tabs */

.library-div { border: 1px solid #CCCCCC; margin: 4px 0 4px 0px; padding:0px}
.library-div .empty-message { padding: 10px; text-align: center; color: #857561; /* warm gray*/ }
.library .file_type_browser a,
.library .file_type_browser .current { margin-left: 8px; text-transform: lowercase}
.library .rowsselect { font-size:9px; margin:5px 0 0px 0px; float:right; background:transparent}
.library .rowsselect option { background: #fff}
.librarySelect { padding:1px; padding-left:3px; font-family:Arial,Helvetica,sans-serif; font-size:11px; border:1px solid #857561}

img.libraryItem { float:left; cursor:move; border:1px solid #fff}
img.libraryItem:hover { border:1px solid #ff5200}

div.uuidcart { border:1px solid #857561; background-color:#fff}
div.uuidcart-active { background-color: #fff4D8; border:1px solid  #ff5200}

.formLeftWidth { width: 110px; text-align: right}

table.form { width: 100%; margin-bottom: 10px; border-collapse:collapse}
table.form td { border: 0 solid red; padding: 5px; background: #f0edeb}
table.whiteform { width: 100%; background: #fff; border-collapse:collapse}
table.whiteform td { border: 0 solid green; background:  #fff; vertical-align: middle}
table.innerform { width: 100%; margin-top: 2px; margin-bottom: 4px; border-collapse:collapse}
table.innerform td { border: 0px; padding: 2px 4px 2px 4px; color: #857561; background: #e7e3df; vertical-align: middle}

.tagTable { padding-top:10px; border-collapse:collapse}
.tagCell { border: 1px solid #c2bab0; padding:15px; background-color:#f0edeb; line-height: 22px}
.tagCell a:link { text-decoration: none}
.tagCell a:hover { color: #fff; text-decoration: none; background-color: #ff5200}

div.image-show-container { width: 645px; position: relative; margin: 5px auto 0; overflow: hidden}
div.image-show { position: relative; left: 25px; width: 595px; height: 85px; overflow: hidden; text-align: center}
div.image-show ul { position: relative; left: 0; top: 0; height: 85px; margin: 0; padding: 0; list-style-type: none; white-space: nowrap}
div.image-show li { display: inline-block; zoom: 1; *display: inline; margin: 0; padding: 0; vertical-align: top}
div.spot-thumb-blank,
div.spotThumbs a.spot-thumb { display: inline-block; zoom: 1; *display: inline; border: 5px solid #fff; text-align: center}
div.spotThumbs a.spot-thumb.current,
div.spotThumbs a.spot-thumb:hover { border-color: #ff5200}
div.spot-thumb-blank { vertical-align: top; width: 75px; min-height: 75px; background: url(/static/img/stripes.png); text-align: center}
div.spot-thumb-blank span { display: inline-block; zoom: 1; *display: inline; width: 75px; height: 75px; background: url(/static/img/stripes-text.png) no-repeat top left}
div.spot-thumb-blank span.last { background-position: 0 -75px}
div.spot-thumb-blank span span { visibility: hidden}
div.spotThumbs div.hidden,
div.spotThumbs a.hidden { display: none}
div.image-show-container a.prev-row,
div.image-show-container a.next-row { position: absolute; top: -1px; display: none; width: 20px; height: 75px; margin: 5px 5px 5px 0; color: #fe5200; line-height: 75px; font-size: 200%; border: 1px solid #fe5200; vertical-align: top; text-align: center; background-color: #fff}
div.image-show-container a.prev-row:hover,
div.image-show-container a.next-row:hover { background-color: #fe5200; color: #fff; text-decoration: none}
div.image-show-container a.prev-row { left: 0}
div.image-show-container a.next-row { right: -5px}
div.spot-images {margin-top:4px; margin-bottom:4px;}

/* this is for the steps accross the top... */
.steps a img { margin: 0; border: 4px solid #fff}
.steps a:hover img,
.selectedStep { border: 4px solid #ff5200}
.steps a:hover { border-width: 0}
.steps div { position: relative; float:left; border: 0 solid red; width: 56px; height: 56px}
.steps span { font-size: 12px; position: absolute; top: 4px; left: 4px; border: 1px solid black; padding: 0 2px 0 2px; background-color: #fff; color: #333}

/* Background for fotonotes... */
a.withBG { color: #000; border: 1px solid #000; text-decoration: none; background-color: #fff; padding-left: 3px; padding-right: 2px; padding-bottom: 1px; font-weight: bold}
a.withBG:hover { background-color: #ff5200; color: #000; text-decoration: none}

.entryList { border-top: 0 solid #c2bab0; border-bottom: 1px solid #c2bab0; background-color: #fff; padding-top: 4px; padding-bottom: 4px}
.entryList:hover { background-color: #f5f5f5}
.entryAuthor { /* background-color: #F0EDEB; */ background-color: #f2f7fe}
.entryListHeader { font-size: 12px; background-color: #e7e3df; line-height: 22px; font-weight: bold; padding-right: 4px; padding-left: 4px}
.entryListHeaderMixed { font-size: 12px; background-color: #e7e3df; line-height: 22px; padding-right: 4px; padding-left: 4px}
.entryListTitle { font-size: 16px; line-height: 21px; font-weight: bold; color: #ff5200}
.answersEntryListTitle { font-size: 14px; line-height: 18px; font-weight: bold; color: #007DB1}
.answersBlue a { color: #007DB1}
.answersList { background-color: #f9f9f9}
.answersEntryTextboxPrompt { font-size: 12px; font-weight: bold; color: #1277bd}
.entryListComments { font-size: 30px; line-height: 21px; font-weight: bold}
.entryListCommentsBrief { font-size: 22px; line-height: 21px; font-weight: bold}
.previewComment { border: 1px solid #ccc; background-color: #fafafa; overflow: auto; padding:7px}
.inboxUnread { font-size: 16px; line-height: 21px; font-weight: bold; color: #ff5200; /* orange */ }
.inboxRead { font-size: 16px; line-height: 21px; font-weight: bold; color: #857561}

.fader a img { vertical-align: bottom; margin: 2px; border: solid 3px #fff}
.fader a:hover img { border-color: #ff5200}
.fader a:hover { /* wakeup IE */ 	border-width: 0}
.fader2 a img { vertical-align: bottom; margin: 0px; border: solid 2px #fff}
.fader2 a:hover img { border-color: #ff5200}
.fader2 a:hover { /* wakeup IE */ 	border-width: 0}

#search a { font-size:18px; font-style:italic; color: #fff; text-decoration: none}
#search a:hover { text-decoration: underline}

.progress-indicator { text-align: center; overflow: hidden; background: no-repeat center center}
.squareimg { width: 79px; float:left; margin: 2px; border: 1px solid #d7d7d7; background-color: #fff; padding:2px; overflow:hidden; text-align:center; white-space:nowrap; overflow: hidden}
.squareimg img { display: block}

/* this is for the image library stuff.... */
.instructable-image-bucket { background:#fff; margin:0px; border:1px solid #CCCCCC; padding:3px}
.emptybucket { height:75px}
.action { padding: 2px; color: #f00; cursor: pointer; text-decoration:underline; text-align:center}
.overbucket { background-color:#fffF00}
.bucketimg { float:left; width:110px; height:130px; cursor:move; margin: 2px; border: 1px solid #d7d7d7; background-color: #fff; padding:2px; overflow:hidden; text-align:center}
.bucketimg img {max-width: 106px;}

/* this is hidden from IE */
html>body .bucketimg { height:125px}

.bucketimg .image { width:100px; /* Width of image */   height:105px; /* Height of image */ background-color: transparent; background-position: center center; background-repeat: no-repeat; margin: 0 auto; margin-bottom:2px}
.bucketfile { cursor:move; margin: 2px; border: 1px solid #d7d7d7; background-color: #fff; padding:2px; overflow:hidden}
.bucketfile h1 { margin:0px; font-size: 16px; font-weight: bold; color: #333}
.bucketfile div { background-color: transparent; margin-left:55px}
.sel { border: 1px solid #f00}
.filesize { font-size:11px; padding-left:5px; color:#888}
.libraryimg { float: left; overflow: hidden; margin: 2px; border: 1px solid #d7d7d7; background-color: #fff; padding:2px; position: relative; }
#this-lib-row .libraryimg,
#lib-row .libraryimg { overflow: visible; z-index: 1; position: relative; margin: 0 10px 10px 0; }

.libraryimg img { display: block; margin-bottom:1px}
.libraryimg .text { /* limits the width of the image name */   width: 75px; white-space:nowrap; overflow: hidden; text-align:center}
.libraryimg .removeLink { position: absolute; left: 68px; top: -3px; z-index: 100; width: 14px; height: 14px; cursor: pointer}
.libraryimg .removeLinkLabel { position: absolute; left: 36px; top: 0px; z-index: 99; background-color: #fff; border: 1px solid #f00; padding: 1px 2px; font-size: 11px; text-decoration: none; color: #a00; width: 37px; height: 14px; text-align: left}
.libraryimg .picnikLink { position: absolute; left: 88px; top: -3px; z-index: 100; width: 14px; height: 14px; cursor: pointer}
.libraryimg .picnikLinkLabel { position: absolute; left: 56px; top: 0px; z-index: 99; background-color: #fff; border: 1px solid #f00; padding: 1px 2px; font-size: 11px; text-decoration: none; color: #a00; width: 37px; height: 14px; text-align: left}
.libraryfile { cursor:move; border: 1px solid #d7d7d7; background-color: #fff; margin: 2px; padding:2px; overflow:hidden}
.libraryfile img { height:25px}
.library .pager { padding: 2px; color: #857561; /* warm gray*/ 	float: right}
.library-tt-title { font-size: 120%; padding: 0 3px 3px 3px}
.library-tt-info { padding: 0 3px 3px 3px}
.library-tt-img { border: 1px solid #666}

/* page title stuff, border for printing... */
.title { padding: 0.5em 0; margin: 0; }
.exploreTitle { margin: 7px 0 25px 0px; padding:0px; text-align:center}
.exploreTitle a { font-size: 15px; color: #ff5200; margin-left: 3px; margin-right: 3px; padding: 5px 5px 8px 5px; background: none; font-weight: bold}
.exploreTitle a:hover { text-decoration:none; background: url(/static/img/exploreselected.gif) bottom no-repeat}
.exploreTitle .selected { background: url(/static/img/exploreselected.gif) bottom no-repeat}

.stepsContainer { position: relative; padding: 0px; margin-top:5px; margin-bottom:0px; background:#F0EDEB; border: 1px solid #ddd; border-collapse: separate; border-spacing: 4px}
.whiteContainer { padding: 5px; margin-top:5px; margin-bottom:10px; background:#fff; border: 1px solid #cabfb1; border-collapse: separate; border-spacing: 4px}
.editButton { margin: 0 0px 14px 0}
.editButton a { background-color: #CCFF66; padding: 4px 4px 4px 4px}
.editControl { display: inline; border: 1px solid #cabfb1; padding: 4px 10px 3px 10px; margin-left:10px; margin-bottom:-1px; font-size: 16px; line-height: 21px; font-weight: bold; color: #ff5200; /* orange */ }
.titleEditTab { border: 1px solid #cabfb1; padding: 3px 7px 3px 7px; margin-right:10px; font-size: 14px; font-weight: bold; color: #ff5200; /* orange */ float:right; margin-bottom:-1px}
.titleEditTab a { color: #ff5200; /* orange */}
.editSubTabsSelected { display: inline; border-right: 1px solid #cabfb1; border-left: 1px solid #cabfb1; border-top: 1px solid #cabfb1; border-bottom: 2px solid #fff; background-color:#fff; padding: 4px 10px 2px 10px; font-size: 14px; line-height: 16px; font-weight: bold; color: #4D4C4D; /* charcoal */}
.editSubTabs { display: inline; border-right: 1px solid #cabfb1; border-left: 1px solid #cabfb1; border-top: 1px solid #cabfb1; background-color:#F0EDEB; padding: 4px 10px 2px 10px; font-size: 14px; line-height: 16px; font-weight: bold; color: #4D4C4D; /* charcoal */}
.tabsubnav a { padding: 0 10px; border-right: 1px dotted #AAA}
.tabsubnav a:hover { text-decoration: underline}
.formInstructionsText,
.stepInstructions
{ color:#E0A149 !important; font-size: 16px; font-weight:normal}
.form-help { font-weight: bold; font-size: 13px; margin-left: 6px}
a.DropBox { font-size: 16px; font-weight: bold; text-align: left; color:#333; padding: 3px 3px 3px 10px; display: block; background-image:url(/static/IMGS/dropDownBG.gif); background-repeat:repeat-x; background-color:#cdfd35; /*green from dropDownBG.gif*/ border:1px solid #8dad24; /*darker green*/}
a.DropBox:hover { text-decoration:none; background-image:url(/static/IMGS/dropDownBG-over.gif); background-repeat:repeat-x; background-color:#e6ff9a; /*green from dropDownBG-over.gif*/}
span.help { color: #857561; /* grey */ font-weight: bold; font-size: 12px; text-decoration: none; cursor:help}

#tag_browser a,
#file_type_browser a { margin-left: 5px; white-space: nowrap}
#tag_browser .current,
#file_type_browser .current { margin-left: 5px; font-weight: bold; text-decoration: none}

.floaterLINK { position: relative; float:left; border: 1px solid #c2bab0; width: 48px; white-space:nowrap; overflow: hidden; padding: 2px; margin:1px; cursor:pointer}
.floaterLINK img { display: block}
.floaterLINK .removeLink { position: absolute; left: 40px; top: -3px; z-index: 100; width: 14px; height: 14px}
.floaterLINK .removeLinkLabel { position: absolute; left: 8px; top: 0px; z-index: 99; background-color: #fff; border: 1px solid #f00; padding: 1px 2px; font-size: 11px; text-decoration: none; color: #a00; width: 38px; height: 13px}

/* this is for the navigation tabbing */
.shadowed { float:left; background: url(/static/img/drop-shadow.png) no-repeat bottom right !important; background: url(/static/img/drop-shadow.gif) no-repeat bottom right; margin: 10px 0 0 5px !important; margin: 10px 0 0 0}
.shadowed blockquote { display: block; font-weight:bold; position: relative; background-color: #fff; border:1px solid #999; margin: -6px 6px 6px -6px !important; margin: 0 6px 6px 0px; padding: 2px 2px 5px 5px}
.navMenuBar { background: url(/static/img/nav_dot.gif) no-repeat; margin-top: 2px; margin-bottom: 2px; width:100%}

/* printing styles */
.printable { width: 6.8in; padding: .05in}
.printableHeading { text-align: center; font-size: 22px; font-weight:bold}
.avoidPageBreak { page-break-before: avoid; page-break-inside: avoid}
/* end printing styles */

.greyContent { background:#E7E3DF; /* light grey */ padding: 3px}
.boxContent { border: 1px solid #cabfb1; padding: 8px}

.sidebarBox { border: 1px solid #cabfb1; margin-top: 0px; margin-bottom: 15px; background-color: #fff}
.sidebarBoxNav div { padding:3px; color:#404040; background-color:#dbdbdb; font-size:14px; font-weight:bold; padding-left:10px}
.sidebarBoxNav div a { color:#404040}
.sidebarBoxNav div a:hover { color:#fff; text-decoration:underline}
.sidebarBoxNav div:hover { text-decoration:underline; background-image:url( /static/img/explore_sidebar.gif ); background-repeat:repeat-x; color:#fff}
.sidebarBoxNav #sidebarBoxHeader { background-color:#eeeeee; text-transform: uppercase; font-size:12px}
.sidebarBoxNav #sidebarBoxHeader:hover{ text-decoration:none; background: none; background-color:#eeeeee; color:#404040}
.sidebarBoxHeader { background:#eaeaea; padding:3px; font: 11px Arial bold, sans-serif; font-weight: bold; text-transform: uppercase; color:#4D4C4D; margin:0}
.sidebarBoxHeader a:link { color:#f0edeb; /* lightest grey */}
.sidebarBoxHeader a:hover { color:#f0edeb; /* lightest grey */ text-decoration: underline}
.sidebarSpecialHeader { background:#E7E3DF; padding:3px; font: 11px Arial bold, sans-serif; font-weight: bold; color:#4D4C4D; margin:0}
.sidebarBoxContent { font: 11px Arial, sans-serif; margin:0; padding:5px; overflow: hidden}
.viewAll { margin: 0; padding-right:5px; float:right}
.collaborators { padding: 0.5em; border: 1px solid #cabfb1; width:200px}
.collaborators p { clear: both}
.collaborator { background-color:#fff; padding: 4px 6px 2px 2px}
.publishImage { margin-top: 15px; margin-bottom: 15px; border: 1px solid #cabfb1; background-color:#fff; padding: 6px}
.about a { color: #ff5200; text-decoration: none}
.about b { color:#857561; font-size: 14px; font-weight:bold}

/* Validation */
input.disabled { border: 1px solid #f2f2f2; background-color: #f2f2f2}
input.validation-failed, textarea.validation-failed { border: 1px solid #fc0; color : #ff3300}
input.validation-passed, textarea.validation-passed { border: 1px solid #857561; color : #000}
.validation-advice { margin: 5px 0; padding: 3px 2px 3px 3px; background-color: #FFCC00; border: 1px solid #aa9900; font-weight: bold}
.custom-advice { margin: 5px 0; padding: 5px; background-color: #c8aa00; color : #fff; font-weight: bold}
fieldset { padding: 1em; margin-bottom: 0.5em}
label { font-weight: bold}

.explore-tabs { margin: 25px 0 10px; padding: 0 0 5px; border-bottom:1px solid #bfbfbf}
.explore-tab-container { margin-left:142px; margin-bottom: -1px}
.exploreControl,
.exploreControlSelected { display: inline; color:#404040; border-bottom: 1px solid #b4b4b4; padding: 4px 0 4px 10px; *padding-bottom: 0; margin-left: 10px; font-size: 15px; font-weight: bold; background: white url(/static/img/topleft_grey.gif) top left no-repeat}
.exploreControlSelected { padding-bottom: 5px; *padding-bottom: 0; border-bottom: 1px solid #fff; background: white url(/static/img/topleft.gif) top left no-repeat}
.exploreControl span,
.exploreControlSelected span { background: white url(/static/img/topright_grey.gif) top right no-repeat; padding: 4px 0 4px 0; *margin-top: -4px}
.exploreControlSelected span { padding-bottom: 5px; background: white url(/static/img/topright.gif) top right no-repeat}
.exploreControl a,
.exploreControlSelected a { color: #404040; padding: 4px 10px 0 0}
.explore-noresults h3 {float:left; margin-top:26px}

/* page layout */
#you #container {width:970px}
#content {width:970px; margin:0 0 0 0}
#you #content {width:952px; margin:0 0 0 0}

/* main content */
#group #main_content { width:734px}
.editor #content { margin-top: 15px}
.editor #main_content { width: 100%}
#main_content p.icon-links { margin-bottom: 10px; height: 20px; font-size: 1.2em}
#main_content p.icon-links a.disabled { color: #999; cursor: default; background: #fddeb0 url( /static/img/buttonBG.gif ) repeat-x; border: 1px solid #c2bab0}

/* main content search */
#search { margin-bottom:20px}
#search form.search { border:1px solid #d8d8d8; padding: 1px 10px 9px 15px; height:25px; width:900px; font-size: 2.3em; color:#757573; font-weight:bold; margin-bottom:30px}
#search form.search .searchLabel,
#search form.search .text,
#search form.search select,
#search form.search .button { float:left}
#search form.search .text,
#search form.search select,
#search form.search .button { margin: 7px 0 0 7px}
#search form.search .text,
#search form.search select { font-weight:bold; border: 1px solid #000; font-size: 14px; vertical-align:middle; padding: 2px 3px}
#search form.search select,
#search form.search .button { height: 22px}

/* sidebar */
#sidebar-group { width: 344px; margin: 0 0 0 0px; float:right; border-radius: 0px 0px 9px 0px;-webkit-border-radius: 0px 0px 9px 0px;-moz-border-radius: 0px 0px 9px 0px; }
#you #sidebar { width: 303px; margin:0}
#sidebar .box { width: 302px; margin: 12px 0 0px 0}
#sidebar .box-bottom { background:url(/static/img/sidebar_roundedbottom.gif) no-repeat top left; height:5px; width: 302px; margin: -5px 0 0 0}
#sidebar .box-bottom2 { background:url(/static/img/sidebar_roundedbottom_blue.gif) no-repeat top left; height:5px; width: 302px; margin: -5px 0 0 0}
#sidebar .box-bottom-blue { background:url(/static/img/sidebar_roundedbottom_blue.gif) no-repeat top left; height:4px; width: 302px; margin: -3px 0 }
#sidebar .box_wrapper{ background:#f9f9f9; border:1px solid #bebebe; border-bottom:none; border-top:none; margin: -12px 0 0; padding: 15px 10px 5px; *overflow: hidden; *padding-bottom: 0}
#sidebar .box_wrapper2{ background:#f9f9f9; border:1px solid #5c83a2; border-top:none; border-bottom:none; font-size: 0.9em; padding: 10px 0 5px 0; margin: 0 0 0 0; height:auto !important; min-height:60px; height:60px}
#sidebar .box h3{ background:url(/static/img/sidebar_topblue.gif) no-repeat top left; height:13px; color:#fff; font-size: 12px; text-transform:uppercase; letter-spacing: 1px; padding: 4px 5px 5px 5px; margin-bottom: 0px; text-indent:10px; font-weight:bold}
#sidebar .box ul { background:url(/static/img/sidebar_topgray.gif) no-repeat top left; height:33px; position:relative; margin:0px}
#sidebar .box ul li { float:left; margin: 0 4px 0 0px; padding: 0px; font-size: 10px; color:#c2c2c2; width: auto !important; width: 10px; background-image:none}
#sidebar .box ul li.last { padding: 0px; background:none}
#sidebar .box ul li a{ font-size: 1.2em; display:block; text-transform:uppercase; font-weight:bold; margin: 0 0 0 3px; height:27px; cursor:pointer}
#sidebar .box ul li a span { padding: 8px 11px 0 6px; margin: 0 0 0 5px; height:27px; letter-spacing: 1px; text-transform:uppercase; display:block}
#sidebar .box ul li.active { background:url(/static/img/tabblue_left.gif) no-repeat top left; height:33px; width: auto !important; width: 10px; margin-left: 11px}
#sidebar .box ul li.active a{ background:url(/static/img/tabblue_right.gif) no-repeat top right; color:#fff}
#sidebar .box ul li.active span { margin:  0 0 0 -3px; padding: 7px 11px 0 10px; background:url(/static/img/tabblue_arrow.gif) no-repeat bottom center}
#sidebar .box ul.orange a{ text-transform:none !important}
#sidebar .box ul.orange li.active { background:url(/static/img/taborange_left.gif) no-repeat top left}
#sidebar .box ul.orange li.active a{ background:url(/static/img/taborange_right.gif) no-repeat top right}
#sidebar .box ul.orange li.active a span { background:url(/static/img/taborange_arrow.gif) no-repeat bottom center; height: 27px}
#sidebar .box p { font-size: 12px; margin: 5px 0; position:relative}
#sidebar .box a { color: #404040; white-space:nowrap}
#sidebar .box .related { white-space:normal}
#sidebar .hatbox p img,
#sidebar .box p img{ float:left; margin: 0 5px 4px 0}
#sidebar .box .commaspace { width: 1px; height: 1px; margin: 0}
#sidebar .hatbox p .title,
#sidebar .box p .title { border: none; font-weight:bold; padding:0px}
#sidebar .box p .clipped { white-space:nowrap; width: 217px; overflow: hidden; position: absolute}
#sidebar .box p .clipped-ellipsis { float:right}
#sidebar .box .groupsmsg { margin: 0 10px}
#sidebar .box_wrapper img.right { float:right; margin: 15px 40px 0 10px}

.statsbox {margin-bottom:15px; display: block; width: 298px; height: 76px; border: solid #D8D8D8 1px; border-radius: 3px; -moz-border-radius: 3px; overflow: hidden; font-family:Arial, Helvetica, sans-serif;}
.statsbox_stat { display: inline-block;border-right: solid #D8D8D8 1px; width: 99px; height: 70px; margin:3px -2px 0px 0px;}
.statsbox_stat.last {border:0px;}
.statsbox_number {margin: 12px 0px 0px 0px; padding:0px; font-size:24px; color: #444; text-align:center;}
.statsbox_label {margin: 0px; padding:0px;  font-size:13px; font-weight:normal; color:#8C8C8C; text-align:center;}
span.statsbox_stat {padding-top:0}

#sidebar-group .intro {display:block; width: 300px; left: 22px; position: relative; margin: 0px 0px 22px 0px;color: #777;line-height: 1.4em;font-size: 14px;}
#sidebar-group .intro .sidebar-actions a.btn {color:#333}
#sidebar-group .intro img {max-width:300px;}

body.group-page #omni {margin-top:0; padding-top:0; background:url(/static/img/group-page-divider.png) repeat-y scroll -290px top #f3f3f3}
body.group-page #aplace {min-height:0}
#group_page_masthead {border-radius: 9px 9px 0px 0px; -moz-border-radius: 9px 9px 0px 0px; -webkit-border-radius: 9px 9px 0px 0px; width:1016px;height:200px;margin-bottom:0px;background-color:#333;background: url(/static/img/linen_texture_light.jpg);border-bottom: 1px solid #C2C2C2;}
#group_page_masthead .mastheadImage {overflow: hidden;width:1016px;height:200px;border-radius:9px 9px 0px 0px;-moz-border-radius:9px 9px 0px 0px;-webkit-border-radius:9px 9px 0px 0px;}
.mastheadImage img {max-width:1016px;min-height:200px;}
#headerImageSpot {border: 1px solid #C5C5C5;margin-left: -1px;float:left;width:800px; height:162px;overflow:hidden;}
#headerImageSpot img {max-width:800px;min-height:162px;}

.tab-container {width:670px; overflow:hidden; display:inline-block; background-color:#FFF;border-bottom-left-radius: 9px;-mozborder-bottom-left-radius: 9px;-webkit-border-bottom-left-radius: 9px;}
.tab-container div.tabbed-body   {width: 600px; padding:20px 23px}
.tab-button-container {position:relative; display: block; margin-top:-21px; margin-left:-24px; width:672px; height: 40px; background-color:#e5e5e5;border-top-left-radius:5px;-webkit-border-top-left-radius:5px;-moz-border-top-left-radius:5px;overflow:hidden;}

.yousidebar .setting {margin-top:5px}
.yousidebar .setting .value {text-transform:lowercase}

.tabgroup-button {padding-left:30px;padding-right:30px;height:38px;position:relative;display:inline;float:left;background:url('/static/img/white-gradient-75.png') no-repeat;background-size: 100% 100%;background-color:#e5e5e5;/*use padding to determine correct size for each button, but then hard-code the size to prevent mishaps in layout padding-left: 30px;padding-right: 30px;*/border: 1px solid #C2C2C2;margin-right: -1px;}
.tabgroup-button p {position:relative;font-size: 12px;font-weight: bold;margin: 12px auto;text-align: center;text-transform: uppercase;}
.tabgroup-button a {color:#333; text-decoration:none}
.tab-pane {display:none;margin-top:16px;}
.tab-pane.visible {display:block;}
.tabgroup-button-selected {background-color:#FFF;border-bottom:none;height:40px;}
.tabgroup-button:not(.tabgroup-button-selected):hover {background-color:#EFEFEF;cursor:pointer;}

#group-category-nav {margin-bottom:10px}
#group-welcomespot {text-align:left; margin-bottom:10px}
#group-welcomespot-field {width:400px; height:125px}

#userbox .tinythumb,#sidebar .tinythumb,
#sidebar .box .thumb,
#sidebar .box .tinythumb { float: left; width: 48px; overflow: hidden; font-size: 10.8px; margin: 5px  !important; text-align: center}
#sidebar .box .thumb { width: 85px; margin: 10px; font-size: 12px}
#sidebar .box .thumb a,
#sidebar .box .tinythumb a { color: #a9a9a1}
#sidebar .box .viewall { text-align: right; font-size: 11px; margin: 0; position:relative}
#sidebar .box .box_wrapper2 .viewall { margin: 0 0 0 12px !important}
#sidebar .adder { margin: 10px; border: 1px solid #ddd; padding: 5px; background-color: #eee; font-weight: bold}
#sidebar .sidebarBox { }
.spacer { clear:both}

/* boxsilver styles */
.boxgray { margin-top:15px; background:#FAFAFA}
.boxgray_top { position: relative; background:url(/static/img/box_topmid_gray.gif) top repeat-x; height:22px}
.boxgray_tleft { float:left; background:url(/static/img/box_topleft_gray.gif) no-repeat; padding-left:10px; padding-top:3px; height:19px; color:#333; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:14px}
.boxgray_tright { float:right; background:url(/static/img/box_topright_gray.gif) right no-repeat; padding-right:6px; padding-top:4px; height:18px}
.boxgray_mid { border:1px solid #cacaca; border-top:none; border-bottom:none; padding-left:8px; padding-right:8px; padding-bottom:5px; padding-top:8px}
.boxgray_mid a { color:#ff5200; font-weight:bold; font-size:11px}
.boxgray_bot { clear:both; height:5px; background: #f9f9f9 url(/static/img/box_botmid_gray.gif) bottom repeat-x}
.boxgray_bleft { display:block; float:left; background:url(/static/img/box_botleft_gray.gif) top no-repeat; width:4px; height:5px; overflow:hidden}
.boxgray_bright { float:right; background:url(/static/img/box_botright_gray.gif) top no-repeat; width:4px; height:5px; overflow:hidden}

/* answers box */
.boxgray_top ul { position:absolute; top:-5px; left: 8px; margin:0px}
.boxgray_top ul li { float:left; margin: 0 4px 0 0; padding: 0px; font-size: 10px; color:#c2c2c2; width: auto !important; width: 10px; background-image:none}
.boxgray_top ul li.last { padding: 0px; background:none}
.boxgray_top ul li a{ font-size: 1.2em; display:block; text-transform:uppercase; font-weight:bold; margin: 0 0 0 3px; height:27px; cursor:pointer}
.boxgray_top ul li a span { padding: 8px 11px 0 6px; margin: 0 0 0 5px; height:27px; letter-spacing: 1px; text-transform:uppercase; display:block}
.boxgray_top ul li.active { background:url(/static/img/tabblue_left.gif) no-repeat top left; height:33px; width: auto !important; width: 10px}
.boxgray_top ul li.active a{ background:url(/static/img/tabblue_right.gif) no-repeat top right; color:#fff}
.boxgray_top ul li.active span { margin:  0 0 0 -3px; padding: 7px 11px 0 12px; background:url(/static/img/tabblue_arrow.gif) no-repeat bottom center}
.boxgray_top ul.orange a,
.boxgray_top ul.answers a{ text-transform:none !important}
.boxgray_top ul.orange li.active { background:url(/static/img/taborange_left.gif) no-repeat top left}
.boxgray_top ul.orange li.active a{ background:url(/static/img/taborange_right.gif) no-repeat top right}
.boxgray_top ul.orange li.active a span { background:url(/static/img/taborange_arrow.gif) no-repeat bottom center; height: 27px}
.boxgray_top ul.answers li.active { background:url(/static/img/tabanswers_left.gif) no-repeat top left}
.boxgray_top ul.answers li.active a{ background:url(/static/img/tabanswers_right.gif) no-repeat top right}
.boxgray_top ul.answers li.active a span { background:url(/static/img/tabanswers_arrow.gif) no-repeat bottom center; height: 27px}

/* col_left styles */
.col_left { width:320px; float:left; overflow:hidden; position:relative}
.col_right { width:320px; float:right; overflow:hidden; position:relative}

/* minbox styles */
.bg_minbox { background:#fff; background:url(/static/img/box_topmid_gray.gif) repeat-x; margin-top:0px}
div > /**/ .bg_minbox { margin-top:5px}
.minbox { display:block; width:auto; height:auto; border-left:1px solid #CACACA; border-right:1px solid #CACACA; overflow:auto; margin-bottom:-5px; clear:both}
.minbox div { display:block; float:left; width:16%; border-left:1px solid #CACACA; padding-left:5px; height:150px}
.minbox .first { border:none}
.minbox .spacer { display:block; width:auto; height:1px; float:none; overflow:hidden; border:none}
.minbox_head_wrap { background:url(/static/img/box_topleft_gray.gif) no-repeat; width:auto; height:22px; overflow:hidden}
.minbox_head { display:block; width:auto; height:22px; background:url(/static/img/box_topright_gray.gif) top right no-repeat; overflow:hidden; border:none; padding-right:1px; padding-left:1px}
div > /**/ .minbox_head { padding-right:1px; padding-left:0px}
.minbox_head div { display:block; float:left; width:16%; border-left:1px solid #CACACA; padding-left:5px; height:19px; padding-top:3px; font-weight:bold}
.minbox_head .first { border:none}

/* minbox_cols start */
.minbox_new { background:url(/static/img/box_topmid_gray.gif) top repeat-x; width:100%; margin-top:-15px}
div > /**/ .minbox_new { margin-top:-10px}
.minbox_cols { background:url(/static/img/grayborder.gif) left repeat-y; width:100%}
.minbox_new .wrap { background:url(/static/img/grayborder.gif) right repeat-y; width:100%}
.minbox_cols div { display:block; float:left; width:150px; height:160px; border-left:1px solid #cacaca; padding-left:5px; padding-right:5px; padding-top:4px; margin-bottom:-4px; background:none}
.minbox_cols p { padding-left:5px; padding-right:5px; padding-top:6px}
.minbox_cols p a { color:#404040}
.minbox_cols span { margin-bottom:15px}
.minbox_cols .spacer { display:block; float:none; width:auto; height:1px; overflow:hidden}
.minbox_cols .first { background:url(/static/img/box_topleft_gray.gif) no-repeat; border:none}
.minbox_cols .last { background:url(/static/img/box_topright_gray.gif) top right  no-repeat; width:155px}

/* main content groups */
#group { font-size: 12px}
#main_content .intro { font-size: 1.1em; padding: 3px 6px 3px 4px; height: auto !important; margin: 0 0 7px 0}
#main_content .intro img{ float:left; margin: 0 10px 0 0}
#main_content .intro .grouptitle { display:inline; margin: 0 0 1px 0; font-size: 1.6em; font-weight:bold}

.box_small{ width: 306px; float:left; border:1px solid #bfbfbf}
.box_small p{ margin: 0 5px 5px 5px; font-size: 1.1em; line-height:1.2em}
p.box-links { text-align:center; font-size: 11px; clear:both}
p.box-links a{ color:#ff5200}
.box_small p a.title{ font-weight:bold; font-size: 1.1em; display:block; padding: 0px; border: none}
.box_small a { color: #ff5200}
.box_small .stepsContainer { margin-top:0px}
.box_small p img { float:left; margin: 0 10px 7px 0}
.box_big { width: 417px; margin: 0 0 0 7px; border:1px solid #c1c1c1}
.box_big .forum{ margin: 5px 10px 8px 10px}
.box_big .forum p.post { background:url(/static/img/bg_post.gif) no-repeat top left; width: 46px; height:32px; color:#000; font-weight:bold; text-align:center; float:left; padding: 6px 0; line-height:1.3em; margin: 0 10px 0 0}
.box_big .forum p.post span { font-size: 1.5em; display:block}
.box_big .forum p.topic{ width: 200px; float:left; margin: 0}
.box_big .forum p.topic a.title { display:block; font-weight:bold; font-size: 1em; padding: 0px; border: none}
.box_big .forum p.last-post { width: 130px; float:right; margin:5px 0 0 0 !important}
.box_big .forum p.last-post  span { color:#747472; display:block; margin: 3px 0 0 0}
.box_small h3,
.box_big h3,
#sidebar .box_sub h3 { color:#fff; background:#7f7f7f; padding: 3px; padding-bottom: 5px; height:13px; font-size: 1.1em; margin: 0 0 5px 0}
.box_small h3 a,
.box_big h3 a,
#sidebar .box_sub h3 a { float:right; color:#fff !important}
.box_small h4,
.box_big h4,
#sidebar .box_sub h4 { color:#000; font-size: 1.7em; margin: 0 0 9px 0}

/* sidebar sub */
#sidebar .box_sub { border:1px solid #c1c1c1; margin: 10px 0 0 0}
#sidebar .box_sub p { text-align:center; padding:5px; font-size: 1.1em}
#sidebar .ad { padding: 7px 5px 8px 5px !important; margin:0; border:1px solid #c1c1c1; text-align:center}
#sidebar .box_sub a.members,
.hugeThumbs a.members{ color:#817964; font-size: 11px; font-weight: normal; float:left; margin: 4px  0 4px 4px; width: 48px; overflow: hidden; white-space: nowrap; position:relative}

#groups #sidebar .ad { padding-bottom: 10px !important}
#groups #sidebar .box_sub{ margin: 8px 0 0 0}
#groups #sidebar .box_sub p{ padding: 0px; margin:5px 0 2px 0}

/* groups styles */
.groups { padding-top:0px}
div > .groups { margin-bottom:0px}
div > /**/ .groups { padding-top:0px; margin-bottom:-1px}
.groups div { display:block; color:#333; font-size:11px; padding-bottom: 10px; clear: both}
.groups div img { float:left; margin-right: 4px; clear: both; margin-bottom: 10px}
.groups div strong { color:#404040; font-size:13px}

/* thumbs style */
.thumbs { font-size:11px; clear:both; display:block; height:75px; overflow:hidden; margin-bottom:2px}
.thumbs img { float:left; padding-right:5px}
.thumbs a.title { font-size:14px; letter-spacing:-.3px; border: none; padding: 0}
.thumb_spacer { display:block; border-top:1px solid #cacaca; margin-top:9px; padding-bottom:8px}

.morelnk { padding-top:14px; margin-bottom:0px; padding-bottom:4px}
.fileInput { margin-right:3px; margin-left:5px}

/*--- Large Image Display ---*/
#largeThumbs { margin-bottom: 10px}
#largeThumbs .image-display-wrapper { /* fix for IE double-margin bug*/ float:left; border: none; margin: 0px; padding: 0}
#largeThumbs .image-display { position: relative; float: left; margin: 10px 0 0 10px; width: 280px; float: none; border: none}
#largeThumbs .image-display .thumb { float: left; width: 75px; height: 75px; margin: 0 5px 0 0}
#largeThumbs .image-display .thumb-banner { width: 75px; height: 15px; position: absolute; left: 0px; top: 60px}
#largeThumbs .image-display .winner-banner { width: 56px; height: 56px; position: absolute; left: -2px; top: -2px}
#largeThumbs .image-display a{ color:#76736e}
#largeThumbs .image-display span.username { color: #ff5200; float: left}
#largeThumbs .image-display span.price{ color: #76736e; float: right}
#largeThumbs .image-display a.itemtitle{ font-weight: bold; color: #ff5200; line-height: 1.1em; overflow:hidden}

/*--- Huge Image Display ---*/
.hugeThumbs.groupFixed {display:inline-block; width:620px;}
.hugeThumbs.groupFixed .pager-container {margin-right:25px}
.hugeThumbs { margin-bottom: 10px; float:left;}
.hugeThumbs .image-display-wrapper { float:left; width:140px; height: 225px; border: 1px solid #ECECEC; margin: 5px 13px 5px 0; padding: 0px; position: relative}
.hugeThumbs .image-display { position:relative; width: 130px; height: 130px; margin: 5px; padding: 0px; float:none; border: none}
.hugeThumbs .image-display-wrapper-styleB { float:left; width: 182px; height: 231px; border: none; margin: 0px 22px 22px 0; padding: 0px; position: relative}
.hugeThumbs .image-display-styleB { position:relative; margin: 0px; padding: 0px; float:none; border: none}
.hugeThumbs .image-display-wrapper-styleB .title-display {margin: 0px; height:60px; overflow:hidden; padding-top:10px;}
.hugeThumbs .image-display-wrapper-styleC { float:left;height:50px;border:none;padding:0px;width:100%;width: 600px;margin-top: 14px;}
.hugeThumbs .image-display-wrapper-styleC:hover {background-color:#EEE;}
.hugeThumbs .image-display-styleC {margin: 0px; padding: 0px; float: left;border: none;width: 75px;}
.hugeThumbs .image-display-wrapper-styleC .title-display {width:315px;height:45px;overflow: hidden;display: inline-block;position: relative;}
.hugeThumbs .image-display .thumb { width: 130px; height: 130px; margin: 0 0 7px 0}
.hugeThumbs .image-display .thumb-banner { width: 130px; height: 15px; position: absolute; left: 0px; top: 115px}
.hugeThumbs .image-display .winner-banner { width: 56px; height: 56px; position: absolute; left: -2px; top: -2px}
.hugeThumbs .title-display { margin: 5px; height:60px; overflow:hidden}
.hugeThumbs .title-display a { color:#76736e}
.hugeThumbs .title-display span.username { color:#ff5200; float:left}
.hugeThumbs .title-display a.itemtitle{ font-weight:bold; /*color:#ff5200;*/ color:#404040; line-height:1.1em; font-size:110%}
.hugeThumbs .guides { margin-left:30px; width:240px; margin: 6px; height: 0}
.hugeThumbs .guide { width: auto; height: auto; border: none; margin-left: 20px}
#guide-meta { float: left; line-height: 20px; margin-top:4px; }
#guide-meta p { margin-right: 26px; color: #898989; display: inline-block; top: 1px; position: relative; font-size: 14px;}
#guide-meta .icon { top: 1px; }
#guide-meta .follow { margin-right: 26px; display: inline-block; }
#guide-content { display: block; height: 100%; min-height: 500px; position: relative;}
#guide-list {display: block; padding: 0px; margin-top: 1em; position:relative; z-index:1; color: #898989; text-align: left; }
#guide-list .sort-column { min-height: 500px; position: relative; top: 0; bottom: 0;}
#guide-list .col .txt { margin-bottom: 26px; }
#guide-list img.guide-step-img { width: 306px}
#guide-list .ebook-download { margin-bottom: 15px; }
#guide-list .ebook-download .btn { font-size: 12px; }
#guide-list .ebook-blurb { font-weight: bold; color: #333; }
#guide-list .ebook-icon { float: left; margin-right: 15px; margin-bottom: 15px; }
#guide-list .ebook-icon img { width: 64px; }
#guide-list .bg-icon.ible-ebooks { margin-top: 1px; }
#guide-list .two-col-container { overflow: hidden; }
#guide-list .two-col-container .col { width: 472px; float: left; }
#guide-list .two-col-container .col.left { margin-right: 26px; }
#guide-list img.clipper-help { float: right; }
#guide-list .interview-header img { float: left; }
#guide-list .col { width: 306px; float: left; }
#guide-list .col.mid { margin-right: 26px; margin-left: 26px }
#guide-list .txt.interview-body { margin-right: 26px; width: 638px; float: left; }
#guide-list .guide_item { margin-bottom:0px; border: 1px solid rgba(145,145,145,0.48); }
#guide-list .itemtitle { color: #333; font-weight: 900; }
#guide-list .step .action-parent { position: relative; height: 100%; }
.sort-placeholder { display: block; background-color: #e7e7e7; border: 1px dashed #ccc; width: 100%: height: 100%; }
#guide-list .ui-sortable-placeholder,
.ui-sortable-placeholder { display: block !important; border: 1px dotted black; visibility: visible !important; height: 300px !important; background-color: pink;   }
#guide-list .step .edit-actions { display: none; position: absolute; height: 100%; width: 100%; background: rgba(255, 255, 255, 0.5); text-align: center; }
#guide-list .step .edit-actions a { opacity: 0.75; }
#guide-list .step .edit-actions a:hover { opacity: 1.0; }
#guide-list .step .edit-actions .btn-delete { position: absolute; left: 15px; top: 15px; cursor: pointer;}
#guide-list .step .edit-actions .btn-move { position: absolute; top: 50%; left: 50%; margin-top: -23px; margin-left: -23px; cursor: pointer; }
#guide-list #related-instructables li { display: inline-block; }
#guide-list #related-instructables .related-item .imglink { float: none; }
#guide-list #related-instructables .related-item { height: auto; }
#guide-list #related-instructables .related-item .info { margin: 0 }
#guide-list textarea { width: 261px; resize: vertical; border-color: rgba(145,145,145,0.48); margin: 0px; }
.guide-header .btn { margin-left: 15px; float: right;}

#guide-meta-edit input, #guide-meta-edit select, #new-collection-modal input { margin-right: 10px; }
#guide-meta-edit input{ font-size: 16px; font-weight: bold; height: 20px;}
#guide-meta-edit select{ width: 12em; border-color: rgba(145,145,145,0.48); vertical-align: middle; }
#guide-list textarea#guide-description-edit {width: 300px;}

#new-collection-modal select { border-color: rgba(145,145,145,0.48); vertical-align: middle; }
#new-collection-category-edit {width:110px; margin-right: 10px;}
#new-collection-channel-edit {margin-right: 0; width: 120px;}
#new-collection-modal input {width:261px; font-size: 16px;}

#collection-created-modal .modal-body{ text-align: center;}
#collection-created-modal .collection-created-text {font-size: 14px;width: 500px;display: inline-block; margin-top: 20px;color: #333;}

.collection-modal { width:605px;}
.collection-modal .modal-body{padding:40px;}
.collection-modal textarea { width: 100%; display: block; resize: vertical; border-color: rgba(145,145,145,0.48); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 85px; margin-top: 20px;}
.collection-modal .btn { float: right; margin-left: 15px; }
.collection-modal .actionbar { bottom: 0; position: absolute; right: 0; margin: 26px; }
.collection-modal label { display: inline; }

#publish-collection-modal { width: 690px; }
#publish-collection-modal .image-display-wrapper { float: left; margin-right: 26px; margin-bottom: 0; min-height: 150px; }
#publish-collection-modal .image-display-wrapper div.cover-info {width: 280px;}
#publish-collection-modal #image-picker { float: left; width: 240px; margin-top: 20px; }
#publish-collection-modal div.image-select {width: 100%;float: left;}
#publish-collection-modal h2 { margin-bottom: 15px; }
#publish-collection-modal select { width: 100%; vertical-align: middle; margin: 0; }
#publish-collection-modal .btn { float: none; }
#publish-collection-modal .images .secondary { float: right; width: 100px; height: 80px; clear: right; margin-bottom: 4px; margin-left: 4px; -webkit-background-size: cover;-moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center center; background-repeat: no-repeat;}
#publish-collection-modal .cropper { width: 202px; height: 248px; float: left; overflow: hidden; background: #555;position:relative; cursor: move; }
#publish-collection-modal div.move-prompt {width: 100%; height: 100%;top: 0px; position: absolute; left: 0px; background: rgba(255,255,255,0.5) url('/static/img/drag_arrow.png') no-repeat center;}
#publish-collection-modal .cropper:hover div.move-prompt {display: none;}
#publish-collection-modal .guide-step-img { position: relative; }
#publish-collection-modal a.item {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#publish-collection-modal div.dropdown-group {width: 250px;margin-left: 0px;margin-bottom: 10px;}
#publish-collection-modal div.dropdown-group .btn { float: none; width: 100%; }
#publish-collection-modal span.img-holder {float: left; max-height: 48px; max-width: 48px; margin-right: 5px;}
#publish-collection-modal span.containedTitle {vertical-align: middle; line-height: 48px;display: inline; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#publish-collection-modal ul.dropdown-menu {max-height: 270px; max-width: 300px;overflow-x: hidden; overflow-y: scroll;}
#publish-collection-modal strong {line-height: 30px;  vertical-align: top; font-size: 15px; display: inline-block; margin-top: 5px;margin-right: 5px;}
#publish-collection-modal span.dropdown-label {height: 30px;width: 240px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#publish-collection-modal span.dropdown-label img {max-height: 30px;}
#publish-collection-modal a.dropdown-toggle span.containedTitle {line-height: 30px;display: inline-block;width:200px;text-align: left; }
#publish-collection-modal a.dropdown-toggle span.caret {margin-top: 13px;}
#publish-collection-modal ul.dropdown-menu {max-height: 270px; overflow-y: scroll;}
#publish-collection-modal div.publish-collection-response {float: left; width: 300px; text-align: center;  margin-top: 65px;}


.image-select { display: inline-block; }
.image-select .dropdown { max-height: 400px; max-width: 211px; }
.image-select .dropdown img { height: 48px; vertical-align: middle; }
.image-select .dropdown .img-holder { width: 48px; overflow: hidden; text-align: center; display: inline-block; margin-right: 8px; }

#publish-success-modal div.modal-body { text-align: center; }
#publish-success-modal p { font-size: 16px; font-weight: bold; color: #333; margin-top: 26px; }
#publish-success-modal .btn { float: none; }
#publish-success-modal img.cover-img {max-height: 300px;}
#publish-success-modal div.image-display-wrapper {display: inline-block;}
#publish-success-modal div.cover-info {text-align: left;}

#add-to-collection-modal { width: 605px; }
#add-to-collection-modal div.modal-body {overflow-y: visible;height: 250px;}
#add-to-collection-modal .guide-step-img, #add-to-collection-modal .image-display-wrapper { width: 150px; }
#add-to-collection-modal .image-display-wrapper {margin-left: 8px;}
#add-to-collection-modal div.rightColumn.add-to-collection-response {text-align: center; width: 200px;  line-height: 70px; margin-left: 80px; margin-top: 40px; height: 120px;}
#add-to-collection-modal div.leftColumn {float: left; position: relative; height: 100%; width: 200px;}
#add-to-collection-modal div.rightColumn {float: left; position: relative; height: 100%; width: 360px;}
#add-to-collection-modal .form-horizontal .control-label {font-size: 13px;width:80px;}
#add-to-collection-modal .form-horizontal .controls {margin-left: 100px;}
#add-to-collection-modal a.btn.dropdown-toggle {width: 240px;}
#add-to-collection-modal .dropdown-menu-options {width: 380px;max-height: 200px; overflow-y: scroll;margin-top: 67px;}
#add-to-collection-modal p.enterDescription {min-height: 40px; font-weight: bold;}
#add-to-collection-modal span.unpublished {color: #bbb;margin-left: 5px;}
#add-to-collection-modal .dropdown-menu {width: 385px;margin-left: -120px;padding-top: 0px;}
#add-to-collection-modal .dropdown-menu-options>li>a {padding: 8px 20px;display: block;clear: both; font-weight: normal; line-height: 20px; color: #333; white-space: nowrap;text-decoration: none;}
#add-to-collection-modal .dropdown-menu-options>li>a:hover {background-color: #f4f9fb;color: #333;background-image: none;display: block;clear: both; font-weight: normal; line-height: 20px; white-space: nowrap;}
#add-to-collection-modal #description {margin: 0px; height: 123px; width: 100%;}
#add-to-collection-modal input.span2     {width: 173px;}
#add-to-collection-modal button#btn-create-collection {width: 80px}
#add-to-collection-modal div.dropdown-menu-creator { position: absolute; padding: 15px 20px; background-color: #eee; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box;  border-bottom: 1px solid #CCC;}
#add-to-collection-modal div.dropdown-menu-creator input {width: 240px;}
#add-to-collection-modal div.dropdown-menu-creator button {float: right;}
#add-to-collection-modal label { cursor: auto;}
#add-to-collection-modal label.createdCollection {text-align: left; font-size: 13px; padding-top: 5px; float: left; width: 266px;}

/* When adjusting the size of anything that affects the size of a related guide link,
   make sure to also adjust the size in instructable_footerjs.jsp. */
#related-guides { text-align: center; white-space: nowrap; padding-top: 26px; margin-top: 85px; background: #f6f6f6; }
#related-guides .loader { margin-top: 28px; }
#related-guides .guides-container { overflow: hidden; display: inline-block;  margin-left: 26px; margin-right: 26px; }
#related-guides .collection-holder { min-height: 185px;  }
#related-guides .related-item, #related-guides .page-btn { white-space: normal; vertical-align: top; margin-right: 15px; display: inline-block; border: 1px solid rgba(145,145,145,0.48); box-shadow: rgba(145, 145, 145, 0.48) 1px 1px 3px; -moz-box-shadow: rgba(145, 145, 145, 0.48) 1px 1px 3px; }
#related-guides .related-item { width: 175px; height: 185px; text-align: left; margin-bottom:26px;}
#related-guides .page-btn { width: 38px; background: #e7e7e7;
    display: inline-block;}
#related-guides .page-btn.next { margin-right: 0; background-image:url(/static/img/related_next.png); height: 185px; float:right;}
#related-guides .page-btn.prev { background-image:url(/static/img/related_prev.png);height: 185px;  float:left;}
#related-guides .related-item img { width: 175px; height: 145px; }
#related-guides .byline { display: none; }
#related-guides .title { color: #333; font-weight: bold; display: block; padding: 0 }
#related-guides .other-links { float: right; }
#related-guides h3, #related-guides .other-links { line-height: 25px; }
#related-guides h3 { float: left; margin-bottom: 15px; }
#related-guides .items-holder, #related-guides .item-format  {float:left;}
#related-guides .guide-info{   padding: 10px 13px;}

.image-display-wrapper.guide { margin: 0; margin-bottom: 26px; width: 306px; border: 1px solid rgba(145,145,145,0.48); box-shadow: rgba(145, 145, 145, 0.48) 1px 1px 3px; -moz-box-shadow: rgba(145, 145, 145, 0.48) 1px 1px 3px; }
.image-display-wrapper.guide p { margin: 0;  padding: 15px; }
.image-display-wrapper.guide p.enterDescription { margin: 0;  padding: 5px; }
.image-display-wrapper.guide p.enterDescription textarea { width:100%; }
.image-display-wrapper.guide p.supplement { text-align: left; border-top: 1px solid rgba(145,145,145,0.48); }
.image-display-wrapper.guide p.outlink { padding: 7px; padding-left: 15px; background: #F6F6F6 }
.image-display-wrapper.txt {width: 306px;margin-bottom: 30px;}
.guideImage h2 { bottom: 2px; color:#fff; font-family:Arial,Helvetica,sans-serif; font-weight:normal; left:0; position:absolute;}
.guideImage h2 a { color:#fff; font-size:16px; font-weight:bold; padding-right:3px; text-transform:uppercase; background-image: url("http://www.instructables.com/files/orig/FSR/GZB4/FHJMUI4Z/FSRGZB4FHJMUI4Z.png"); background-repeat: repeat}
.hugeThumbs #catbuttons {height:35px;line-height: 12px;width:100%;float:left;}
#catbuttons a {color:#494949;}
#catbuttons .buttonset-mini {height:17px;line-height:18px;font-size:12px;}
#catbuttons .buttonset-mini-noHover {overflow:hidden;margin-top:-1px;display:inline-block; color: #444; background-color: #E5E5E5; line-height:18px;font-size:12px;font-weight:bold;height:17px;}
.resultWrapper {text-align:left;}
.resultWrapper a {color:#000;text-decoration:none;font-weight:bold;font-size: 14px;margin-top: 20px;margin-bottom: 10px;}
.resultWrapper .displaytag .approveLink {margin-top:8px;width: 20px;height: 20px;display: inline-block; background: url(/static/img/white-gradient-85.png) repeat-x; background-size: 100% 100%;background-color: #E5E5E5;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;border: 1px solid #C5C5C5;}
.resultWrapper .displaytag .approveLink .buttonWrapper {width:20px;height:20px;background: url(/static/img/button-checkmark.png) no-repeat;}
.resultWrapper .displaytag .denyLink .buttonWrapper {width:20px;height:20px;background: url(/static/img/button-x.png) no-repeat;}
.resultWrapper .displaytag .denyLink {margin-top:8px;width: 20px;height: 20px;display: inline-block; background: url(/static/img/white-gradient-85.png) repeat-x; background-size: 100% 100%;background-color: #E5E5E5;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;border: 1px solid #C5C5C5;}
.resultWrapper .displaytag .denyLink:hover {background-color: #CCC;}
.resultWrapper .displaytag .approveLink:hover {background-color: #CCC;}
.resultWrapper .displaytag .textWrapper {display:none;}
.resultWrapper .displaytag input {display:none;}
.resultWrapper .displaytag .buttonWrapper a {font-size:12px; font-weight:normal;text-decoration:none;}
.textWrapper {display:inline-block;} /* make sure that the display of the text on other pages is normal! */
.resultWrapper .pagebanner {display:none}
.resultWrapper .pagelinks {display:none}
.resultWrapper-highlight {border: 3px dashed red; margin:36px 0; padding: 10px;}
h5.group-edit {margin:  0px; display:inline;-webkit-margin-before: 0px;-webkit-margin-after: 0px;-webkit-margin-start: 0px;-webkit-margin-end: 0px;}
.editGroup h4 {font-weight:bold;font-size: 14px;margin-top: 20px;margin-bottom: 3px;}
.removeLink {cursor:pointer;display:none;position: absolute;background-color: #FFF;font-size: 18px;text-align: center; padding: 0px; line-height: 40px; opacity: 0.9;text-decoration: none;width: 184px;height: 40px;margin: 0;vertical-align: middle;opacity: 0.85;}
.removeLink-small {display:none;width: 48px;height: 18px;position: absolute; background: white;opacity: 0.9;left: 26px;line-height: 18px; font-size: 10px; font-weight: bold;}
.removeLink-small-a {color:#FF5200 !important;}
#pendingInstructables td.allow-in-group {width:125px}
.groupInnerCategoriesChanger {width:150px; margin:0 5px}

/*--- Related Thumbs Image Display ---*/
.relatedThumbs { margin-bottom: 10px}
.relatedThumbs .image-display-wrapper { /* fix for IE double-margin bug*/ float:left; border: none; margin: 0px; padding: 0}
.relatedThumbs .image-display { position:relative; width: 100px; margin:5px 16px 0 0; padding:10px; float:none; border: none; border: 1px solid #ddd}
.relatedThumbs .image-display .imglink { position: relative}
.relatedThumbs .image-display .thumb { margin: 0 0 2px 0}
.relatedThumbs .image-display a{ color:#76736e}
.relatedThumbs .image-display span.username { color:#ff5200; float:left}
.relatedThumbs .image-display span.price{ color:#76736e; float:right}
.relatedThumbs .image-display a.itemtitle{ font-weight:bold; color:#ff5200; display:block; line-height:1.1em; overflow:hidden}

/* nav category links */
#categories { position: absolute; top: 157px; width: 970px}
#categories ul li { float:left; margin: 0 4px 0 0px; padding: 0px; font-size: 10px; color:#404040; width: auto !important; width: 10px; background-image:none}
#categories ul li.last { padding: 0px; background:none}
#categories ul li a{ font-size: 13px; display:block; font-weight:bold; margin: 0 0 0 3px; height:27px; cursor:pointer; color:#404040}
#categories ul li a:hover{ color:#fff}
#categories ul li a span { padding: 8px 9px 0 6px; margin: 0 0 0 0px; height:27px; display:block}
#categories ul.orange a{ text-transform:none !important}
#categories ul.orange li.active { background:url(/static/img/tabnavcat_left.gif) no-repeat top left}
#categories ul.orange li.active a{ background:url(/static/img/tabnavcat_right.gif) no-repeat top right}
#categories ul.orange li.active a span { background:url(/static/img/tabnavcat_arrow.gif) no-repeat bottom center; height: 24px}
#categories ul.orange li.active a { color:#fff}

#actionLinks  { width: 95px; position: relative; float: right; background-color: #f0edeb; padding: 5px; margin: 0 0 5px 5px; border:1px solid #ddd; z-index: 1}
#actionLinks a { display: block; float: left; clear: both; color:#4d4c4d; font-weight:bold; font-size: 11px; margin-bottom: 1px}
#actionLinks a:hover { margin-bottom: 0; text-decoration: none; border-bottom: 1px dotted #f90}
#actionLinksTop { margin: 0.5em 0; position: relative; z-index: 20; }
#actionLinksTop a { display: inline-block; margin: 0 .8em 0 0; color:#4d4c4d; }
#actionLinksTop a img { vertical-align: bottom; margin: 0 0.25em 0 0; }

#flagMenu a { color:#ff5200; font-weight:bold; margin-left:5px}
.flag-menu { margin-left: 260px; }
.flag-menu > .btn {padding:4px 7px}

/* recaptcha styles */
#recaptcha_response_field { margin-left:-7px !important; font-size: 12px  !important; padding: 3px 3px 3px 2px !important; border: 1px solid #857561 !important; width: 310px !important}
#recaptcha_area .recaptchatable { border: none !important}

/* patches styles */
.achievepatch,
.diypatch { position: relative; overflow: hidden; margin: 0 4px 4px 0; width: 48px; height: 60px; float: left; text-align: center; font-size: 90%; line-height: 9px; white-space: nowrap}
.diypatch { height: 70px}
.diypatch img { width: 48px; height: 48px; margin-bottom: 1px}

.bottomBorder { position: absolute; top: 700px; left: 200px}
.bottomBordering { background-color:#fff; width: 800px; height: 50px; position: absolute; top: 700px; left: 100px; z-index:1000}

.answer { color:#1277BD; line-height: 1.1em}
.blogtitle { color:#404040; letter-spacing:-0.03em; line-height:1.1em; font-size:1.7em; text-decoration:none}
.questiontitle { color:#404040; letter-spacing:-0.03em; line-height:1.1em; font-size:1.5em; text-decoration:none}
.bloghead { margin: 10px 0 10px 0; background-color:#eee; padding: 1px; padding-left:2px}
.questionhead { margin-top: 1px; background-color:#eee; padding: 1px; padding-left:2px}
.catlink { color: #404040}

#author-bio { height: 81px}
#authorBio { border:1px solid #ddd; background: #fff url(/static/img/probox-bg.png) repeat-x bottom; margin-top: 10px; padding: 3px; position: relative}
#authorBio .authorImg { float: left; margin: 0px; position: relative}
#authorBio .authorImg img { vertical-align: middle; margin-right:5px; width: 48px; height: 48px}
#authorBio .byline { margin-bottom: 2px; padding-top: 2px; font-weight: bold}
#authorBio .author-site {font-weight:normal; margin-left:10px; text-decoration:underline;}
#authorBio .cropped { height: 40px; overflow: hidden}
#authorBio .full { height: auto; overflow: visible; }
#authorBio .full,
#authorBio .cropped { margin: 0 40px 0 115px; }
#authorBio .byline-label {color:#8f8f8f;margin-right:5px;font-size:13px}
#authorBio.follow-box > .cropped {margin:0 40px 0 0}
#subPane #authorBio .full,
#subPane #authorBio .cropped { margin: 0 40px 0 0; }
#authorBio .moreLink { position: absolute; bottom: 3px; right: 10px; padding-left: 10px; color: #404040;}
div.following { float: left; margin: 1px 5px 1px 0; }
div.following input.big-button { margin: 0; padding: 0 0.5em; background: #f7de9f url(/static/img/probox-btn-bg.png) repeat-x bottom; font-size: 80%; color: #333; text-shadow: transparent 0 0; border: 1px solid #c6950b; }
div.following input.big-button.disabled { color: #333; background: #dedede none; border-color: #b8b6af; }
div.following div.bubble { position: relative; margin: 0 0 7px; background-color: #f8f8f8; border: 1px solid #cacaca; border-radius: 4px; font-weight: 900; text-align: center; font-size: 120%; }
div.following div.bubble img.bubble-point { position: absolute; bottom: -6px; left: 6px; }
div.following div.bubble span { font-weight: normal; font-size: 70%; }
div.following div.bubble-point { display: block; position: absolute; bottom: -6px; left : 6px; }

.contest_link {display:inline-block; position:relative; background: url(/static/img/contest-vote-bg.png) no-repeat top right; width: 651px;}
.contestlogo { margin: 10px 0; text-align: center}

.stepthumbs { position: relative}
.steps div.featured_titlebar { position: absolute; right: -3px; top: -3px; width: 56px; height:56px}
.stepdescription { padding: 0px; margin-top:10px; position: relative; z-index: 1}
.stepdescription h2 { margin: .5em 0; }

#related_content .related_item { margin: 0 0 5px 2px; position: relative; height: 78px; overflow: hidden}
#related_content .related_item a { white-space: normal; font-size: 14px; color: #404040; line-height:1.05em}
#related_content .related_item a.user { font-size: 12px; color: #76736E}

/* old comments */
.editorArea { width: 100%; height: 200px}
.commentsHeader { padding:6px 6px 4px 5px; font: 14px Arial bold, sans-serif; font-weight: bold; color:#404040; margin:0; white-space:nowrap}
.comments {padding:0; margin:40px 0 0}
.comment {border:1px dashed #c2bab0; border-top:0 none; padding:5px}
.comment.toplevel {margin-top:4px; border-top:1px solid #c2bab0; border-style: solid}
.comment .comment-authorpic {float:left; width:48px}
.comment .commenttxt,
.comment .comment-actions,
.comment .comment-info {margin-left:53px}
.comment .comment-actions a.big-button {font-size:1em; padding:0.3em;}
.comment .commenttxt {padding:0 5px 5px 0; overflow:hidden; font-size:13px}
.comment .comment-info span {float:right; color:#857561}
.comment .comment-authorpicstats {float:left; width:48px; height:63px}
.comments ul#image-bucket {margin: 1em 0}
#CommentFlagOptions > div {clear:both}
.comments-pagination {background:#f9f9f9; padding:3px; border:1px solid #eee; text-align:center}
.comments-pagination table {margin:0 auto}
.comments-pagination span.label { margin-top: 2px}
.comments-container { margin-top: 3px; display: block}
.comments-header .comments-sort {float:right; margin-top:10px}
.comments-header .add-comment-bucket {margin-bottom:15px}
.add-comment-bucket .add-comment-link {font-size:14px}
.comments-sort .sort-label {margin-left: 6px}

/* new comments */
.comments-header { margin-top: 3px; display: block}
.comments-pager {background:#fff; text-align:center; padding:3px; border:0; font-size:13px}
.comments-pager table {margin:0 auto}
.comment-entry {background:url(/static/img/comment-gray-fade2.png) no-repeat; border-top:1px solid #e9e9e9; padding:20px 0}
.comment-entry.toplevel {background:url(/static/img/comment-gray-fade1.png) no-repeat;}
.comment-entry.highlight {background:url(/static/img/comment-blue-fade2.png) no-repeat; color:#333}
.comment-entry.toplevel.highlight {background:url(/static/img/comment-blue-fade1.png) no-repeat;}
.comment-entry .comment-authorpicstats,
.comment-entry .comment-authorpic {float:left; width:48px}
.comment-entry .comment-date {float:right}
.comment-entry .comment-info {font-size:14px; color:#999; margin-bottom:10px}
.comment-entry .comment-info,
.comment-entry .comment-txt,
.comment-entry .spotThumbs {margin-left:55px}
.comment-entry .author-link {font-weight:bold;}
.comment-entry .author-link.locked {padding-right:2px; text-decoration:line-through}
.comment-entry .bg-icon.next {margin-left: 5px;}
.comment-entry .comment-txt {font-size:16px; overflow:hidden; padding:0 5px 5px 0}
.comment-entry .best-answer-img {vertical-align:middle; margin-top:-5px}
.comment-entry .pro-img {margin-right:3px; vertical-align: middle;}
.comment-entry .comment-actions a {padding-left:5px}
.comment-entry .reply-container {padding-top:2px; clear:both}
.comment-entry .btn.reply-comment {margin:-5px 0 0 20px; font-size:12px}
.comment-entry .spotThumbs a img {margin: 0 10px 10px 0; max-width:180px; height: 150px;}
.comment-entry.imadeit .comment-author{
    background-image:url(/static/img/instructable/imadeit-flag-slice.png); padding-top: 9px; padding-bottom: 9px; line-height: 34px; padding-left: 7px; position: relative;left: -7px; top:-12px;}
.comment-entry.imadeit .comment-author:after { content:url(/static/img/instructable/imadeit-flag-end.png); position: relative;left: 8px; top: 12px;}
.comment-entry .comment-actions .imadeit-status {height:12px; width: 12px; display: inline-block; background-size:12px 12px;}
.comment-entry .comment-actions .imadeit-status.loading{background-image: url(/static/img/spinner.gif);}
.comment-entry .comment-actions .imadeit-status.error{background-image:url(/static/img/ico_cross.gif);}
.comment-entry .comment-actions .imadeit-status.success{background-image:url(/static/img/ico_check.gif);}

.comment-poster {margin-top:10px}
.comment-flagger {display:none}
.comment-flagger .flag-type {margin:6px 0px}
.comment-flagger .cancel {margin-top:10px}
.comment-flag-response {display:none; width:300px; border:1px solid black; padding:10px; background-color:#ffcc00}
.post-comment-box {padding:5px; background:#f6f6f6; border:1px solid #e0e0e0}
.post-comment-box .comment-container {width:90%; position:relative}
.post-comment-box .comment-container .commentTip {position:absolute; top:8px; left:-8px; width:9px; height:6px; background:url(/static/img/comment-box-tip.png) no-repeat}
.post-comment-box .editorArea {padding:4px; width:98%; max-width:98%; height:105px; margin-bottom:5px}
.post-comment-box  .instructable-image-bucket .InstructableFile .view_addNotes{display:none;}
.imadeit-image-warning{ display:none;position: absolute; bottom:-10px;left: 10px;width: 87.5%;font-size: 14px; height:16px;}
.post-comment-box textarea {border:1px solid #dadada}
.post-comment-box .form-error {display:none; padding:10px; margin:2px 0; background-color:#ffcc00}
.imadeit-image-warning button.close{top:-5px;}

.comment-toolbar .policy {color:#757575; height:58px; padding-left:65px; background:url(/static/img/be-nice.png) no-repeat}
.comment-toolbar .policy p {margin-top:12px; line-height:16px}
.comment-toolbar .toolbar-btns {line-height:54px}
.comment-toolbar .toolbar-btns .btn {margin-left:5px}
.comment-preview .preview-body {margin-bottom:10px; border:1px solid #ccc; background-color:#fafafa; overflow:auto; padding:7px}




.sidebarBoxNav { font-size: 14px; font-weight: 900; border: 1px solid #e2e2e2}
.sidebarBoxNav ul { margin: 0; padding: 0; list-style-type: none}
.sidebarBoxNav li { margin: 0; padding: 0}
.sidebarBoxNav a { display: block; height: 23px; line-height: 23px; padding: 1px 5px 1px 10px; white-space: nowrap; color: #333; background-color: #e2e2e2}
.sidebarBoxNav a:hover { text-decoration: none; background-color: #f2f2f2}
.sidebarBoxNav ul ul a { padding: 0 5px 0 10px; background-color: #fff; font-size: 13px; text-decoration: none}
.sidebarBoxNav ul ul li.activechannel a,
.sidebarBoxNav ul ul a:hover { padding: 0 0 0 10px; margin: 0 -5px 0 0; color: #fff; background: url(/static/img/category-highlight.png) no-repeat right center}
.sidebarBoxNav .activecategory a { background-color: #f2f2f2}

#nav-minibar-searchform .searchcontainer {height:32px;width:180px;float:right;margin:-1px 0px 0px 0px;padding:0px;top:0px;left:0px;background-color:white;}
.nav-minibar-categories-container {border-radius: 7px;-moz-border-radius: 7px;-webkit-border-radius: 7px;height:32px;float:right;margin-top:17px;background-color: #DDD;}
.nav-minibar-categories-container a {color: #494949;text-decoration:none;}
.nav-minibar-categories-container input {color:#000;outline:none;margin-left:-1px;font-size: 14px;font-family: Helvetica, Arial, Verdana, Sans-serif;border-radius: 0px 7px 7px 0px;-webkit-border-radus: 0px 7px 7px 0px;-moz-border-radius: 0px 7px 7px 0px;padding: 3px 10px;box-shadow: inset 1px 1px 4px 1px  #DDD;-moz-box-shadow: inset 1px 1px 4px 1px  #DDD;-webkit-box-shadow: inset 1px 1px 4px 1px  #DDD;height:26px;width:167px;border: 1px solid #BBB;display:inline;background-color:#FFF;background:url(/static/img/search.png) no-repeat;background-position:right;}
.nav-minibar-search-idle {color:#DDD;}
.nav-minibar-categories-container input:focus {outline:none;-webkit-box-shadow: inset 0px 0px 4px 2px #5099E2; color:#000000;border-radius: 0px 7px 7px 0px;-webkit-border-radus: 0px 7px 7px 0px;-moz-border-radius: 0px 7px 7px 0px;}
.nav-minibar-button {position:relative;padding:0px 16px;height:32px;}
.nav-minibar-button img {float:left;margin-top:6px;margin-right:5px;}
.nav-minibar-button .you-img {width:20px; height:20px}
.buttonset-mini {overflow:hidden;margin-top:-1px;display:inline-block; background: url(/static/img/white-gradient-85.png) repeat-x; background-size: 100% 100%;background-color: #E5E5E5; line-height:32px;font-size:14px;font-weight:bold;}
.buttonset-mini-noHover {overflow:hidden;margin-top:-1px;display:inline-block; color: #444; background-color: #E5E5E5; line-height:32px;font-size:14px;font-weight:bold;}
.buttonset-mini.flyout {overflow:visible;}
.buttonset-mini-left {border-radius:3px 0px 0px 3px;-webkit-border-radius:3px 0px 0px 3px;-moz-border-radius:3px 0px 0px 3px;border: 1px solid #C5C5C5;}
.buttonset-mini-left-rounder {border-radius:7px 0px 0px 7px;-webkit-border-radius:7px 0px 0px 7px;-moz-border-radius:7px 0px 0px 7px;border: 1px solid #C5C5C5;}
.buttonset-mini-single {border-radius:7px;-moz-border-radius:7px;-webkit-border-radius:7px;border: 1px solid #C5C5C5;color:#494949;}

.buttonset-mini-single-sharp {border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;border: 1px solid #C5C5C5;}
.buttonset-mini-middle {border-radius:0px;-webkit-border-radius:0px;-moz-border-radius:0px;border: 1px solid #C5C5C5;margin-left:-1px;}
.buttonset-mini-right {margin-left:-1px;border-radius:0px 3px 3px 0px;-webkit-border-radius:0px 3px 3px 0px;-moz-border-radius:0px 3px 3px 0px;border: 1px solid #C5C5C5;}
.buttonset-mini-right-rounder {margin-left:-1px;border-radius:0px 7px 7px 0px;-webkit-border-radius:0px 7px 7px 0px;-moz-border-radius:0px 7px 7px 0px;border: 1px solid #C5C5C5;}
.buttonset-mini:hover {background-color:#BBB;cursor:pointer;}
.buttonset-arrow-container {margin-top:14px;float: right;width: 10px;height:10px;display: inline;margin-left: 5px;}
.buttonset-arrow-down {border-left: 4px solid transparent;border-right: 4px solid transparent;border-top: 4px solid #000;width:1px;height:1px;}
.buttonset-mini-dropdown {z-index:1;display:none;overflow:hidden;list-style: none;position: absolute;width:100%;top: 32px;right: -1px;background-color: #EEE;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border: 1px solid #CCC;color: #444;}
.buttonset-mini-dropdown li {float: right;width: 100%;height: 15px;line-height: 15px;text-align: right;padding: 7px 7px 7px 0px;font-weight: normal;font-size: 12px;}
.buttonset-mini-dropdown li img {float: right;margin-top: 0px; margin-right: 0px; }
.buttonset-mini-dropdown li.topitem {margin-top:10px;}
.buttonset-mini-dropdown li.bottomitem {margin-bottom:10px;}
.buttonset-mini-dropdown li:hover {cursor:pointer;background-color:#FFF;}
.buttonset-mini-orange {background: url(/static/img/white-gradient-50.png) repeat-x; background-size: 100% 100%;background-color: #D36A24;color:white;font-weight:normal;}
.buttonset-mini-orange:hover {background-color: #AF3800;}
.group_paginator {float:left; width:100%;margin-top:50px;}
.pag-button {padding:  0px 8px; height:15px; line-height:15px;font-size:11px;}
.addInstructable {float: right;margin-right: 20px; margin-top: 13px;height:20px;line-height:20px;float:right;margin-right:20px;font-size:12px;font-weight:normal; text-decoration:none;}
.addInstructable:hover {background-color:#CCC;}
.memberlist-group-page {display:inline;position:relative;margin:0px;top:0px;left:0px;padding:20px 0px 0px 0px;}
.memberlist-group-page .item {position:relative;display:inline-block;width:100px;height:100px;text-align:center;}
.memberlist-group-page a {color: #76736E;}
.memberlist-group-page img {}

.category-sort { background-color: #ededed; border: 1px solid #c9c9c9; font-size: 18px}
.category-sort ul { margin: 0; padding: 10px 0 0 15px; list-style-type: none}
.category-sort li { float: left; margin: 0 0 -1px; padding: 5px 10px}
.category-sort li.selected { background-color: #fff; border: 1px solid #c9c9c9; border-bottom-color: #fff}
.category-sort a { color: #333}
.category-sort a:hover { text-decoration: none; border-bottom: 2px dotted #fab700}
.category-sort li.selected { color: #fab700}

.page-title { margin: 1em 0 0.5em; font-size: 25px}
.breadcrumb { margin: 1em 0 0.5em; font-size: 12px; font-weight: 900}
.adwrapper { border: 0 none; width: 650px; margin: 10px 0 0 0; height: 250px}
.adwrapper .adhole { width: 300px; min-height: 250px}
.adwrapper .adgutter { width: 15px}
.side-ad {margin-bottom:2em; line-height:0}
.side-ad.ible {min-height:250px}
.side-ad.topic {margin-top:5px}
.inline-ad {margin:24px 0}

.nextprev { width: 654px; margin: 5px 0;}
.nextprev #prevstepbutton { margin: 0 0 0 -3px;}
.nextprev #nextstepbutton { margin: 0 -3px 0 0.3em;}
.nextprev a.gray-btn { padding: 0.5em; margin-left: 0.5em; font-size: 1.2em; }

div.comment div.spotThumbs { margin-left: 53px}

.prorecent { padding: 10px 0}
.prorecent .image-display-wrapper { width: 25%; float: left}
.prorecent p a { color: #444}
.prorecent .proimg { margin: 0 5px 0 0}
.prorecent .pager { text-align: right}
.prorecent .authorlink a { color: #666}

.shareEmailInputs input { width: 170px; margin: 4px; padding: 2px}

#signup-page .title { padding: 10px}
#signup-page .signup { padding: 20px; background-color: #fff1a5}
#signup-page .signup input.check { border: 0 none}
#signup-page .signup input.text { padding: 5px; border: 1px dotted #f60; background-color: #ffc; *margin-bottom: -6px}
#signup-page .signup select { border: 0 none; border: 1px dotted #f60; background-color: #ffc; font-size: 110%}
#signup-page .signup p { margin: 7px 0; padding: 5px; font-size: 110%; background-color: transparent; font-weight: 900}
#signup-page .signup h3 { margin-bottom: 1.5em}
#signup-page .signup #age { width: 3em}

a.memberstats {display:inline-block; width:48px; height:48px}
#editcontest .memberstats{display:inline;}
a.memberstats > img {width:48px}

div.author-img-link,
#bio-statbox { position: relative; }
#bio-statbox { float: left; width: 48px; height: 63px; margin: 0 10px 0 5px; }
#bio-statbox.follow-box {margin:0 10px 0 0}

div.author-info { padding: 0.75em 0; margin: 0.5em 0;  position: relative; border-bottom: 1px dashed #ccc; border-top: 1px dashed #ccc; }
div.about-author { font-weight: bold; color: #8f8f8f; width: 203px; display: inline-block; margin: 0 0 0 10px; overflow: hidden; white-space: nowrap}
div.about-author p { margin: 0 0 0.5em; }
div.author-info div.following { margin: 0; }
.author-info .faded { color: #333; margin-right: 5px; vertical-align: top}
.author-info .author-stats { margin-bottom: 4px; font-weight: 900}
.author-info .author-img-link { float: left; margin: 0 5px}
.author-info .author-img-link .memberstats { margin-left: 5px}
.author-info .flat-img { float: left; vertical-align: middle; margin: 3px; margin-right: 5px}
.author-info .pro-img { color: #8f8f8f; margin-right: 5px; margin-bottom: -1px}
.author-info .submitButton,
.author-info .submitButton_over { margin: 2px}
.author-info .buttonLarge.disabled { margin: 2px; color: #fff; width: 100px}
#sidebar div.about-author img,
#sidebar .author-info span.license img { float: none; vertical-align: bottom}

.collaborators .co-author { height:20px; width:20px; float:none; vertical-align:middle; margin:3px}
.collaborators .co-author a { margin: 0px; padding-right: 5px}
#sidebar .box p.license img { float: none; margin-bottom: -3px}

.info .hits-count { text-align: right; float: right}
.info .hits-count span { font-size: 16px; font-weight: bold}

.sponsored-flag { position: absolute; z-index: 11; left: 600px; top: 3px; width: 56px; height: 56px}
#ible-awards-bar .sponsored-content {margin-top: 14px;margin-right: -29px;}

.step-bucket { margin-bottom: 15px}
.step-bucket table { margin-bottom: 15px}

.remove-ads { font-size: 11px; margin-top: 2px; margin-left: 5px}
.remove-ads img.ex { margin-right: 2px; margin-top: -3px}

.steps-list { margin: 10px 15px 10px 5px}
.steps-list .steps-img { float: left; width: 75px; height: 75px; margin: 2px 7px 7px 0}
.steps-list .steps-num-link,
.steps-list .steps-num-link:hover { text-decoration: none}
.steps-list .steps-num-link span { padding-right: 5px; font-size: 13px}
.steps-list .stepTitle { font-size: 13px}

.iad { margin: 3px 10px 10px 0; float:left}

.explore-text-sidebar {}
.explore-text-sidebar ul { list-style-type: none; padding: 0; font-size: 16px}
.explore-text-sidebar li { float: left; margin: 0 0.5em 0}
.explore-text-sidebar ul ul { padding: 1em 0 0 1em}
.explore-text-sidebar .activecategory,
.explore-text-sidebar .activechannel { font-weight: 900}
.explore-text-sidebar .activecategory ul { font-weight: normal; font-size: 12px}
.explore-text-sidebar .activecategory ul .activechannel a,
.explore-text-sidebar .activecategory a { color: #000}
.explore-text-sidebar .activecategory ul a { color: #ff5200}
.explore-text-content { margin: 1em}
.explore-text-content p { margin: 0 0 0.25em}
.explore-text-content .explore-text-list { list-style-type: none; margin: 0 0 2em; padding: 0}
.explore-text-content li { margin: 0 0 1em}
.explore-item-about { color: #999}
.explore-text-title { font-size: 110%}

.gopro { margin: 30px 0 0; }
.account-register {padding-bottom:40px}
.account-register .spinner {position:relative; top:2px; padding-left:0; width:16px; height:16px}
.account-register .name-check,
.account-register .name-invalid img {position:relative; top:6px}
.account-register .name-invalid {position:relative; float:none; margin:0}
.account-register .invalid-msg {float:none; margin-left:0}
.account-form input {vertical-align:baseline}
.account-form input.hide-age {display:inline-block; zoom:1; *display:inline}
.account-form .newsletter {display: none;}
a#pro-account-button { display: block; width: 244px; height: 40px; margin: 1em auto; background: url(/static/img/gopro-signup.png) no-repeat top left; }
a#pro-account-button span { display: none; }
a#pro-account-button:hover { background-position: 0 -40px; }
.promodal div.tab { position: absolute; left: 47px; }

.category-selection { margin: 0 0 1.5em; clear: left}
.category-selection h4 { margin: 0 0 0.5em}
.category-selection ul { list-style-type: none; margin: 0 0 1em; padding: 0}
.category-selection li { width: 32%; float: left}
.category-selection li input {margin-right:5px}

div.images-holder { padding-bottom: 5px; margin: 10px 0 10px 0; background-color: #f0edeb; position: relative}
div.spot-holder { padding-top:5px; text-align: center; overflow-x: hidden; }
div.image-spot { padding:0; position: relative; display: inline-block; zoom: 1; *display: inline}
a.image-spot-info { width: 5px; position:absolute; top:5px; left:5px; padding-left:5px; padding-right:5px; padding-top:0px; padding-bottom:0px; z-index:2011; }
a.image-spot-info:hover { border-right: none }
div.image-spot-tooltip { text-align: left; position:absolute; background: white; top:5px; left:20px; font-style:italic; padding-left:6px; padding-right:5px; padding-top:0px; padding-bottom:0px; border: 1px solid black; z-index:2010; }

td.upsell { text-align: right}

.entry-box { margin-bottom: 15px}
.entry-box-header { float: left; margin: 0.5em 0 0}

.contest-info,
.contest-description,
.contest-rules { margin: 1em; font-size: 14px}
.prizes { margin: 1em}
.prizes .prize { margin: 1em}
.prizes .prize-name { padding: 0.5em; font-size: 18px; font-weight: 900; text-align: center; background-color: #ff7b00; color: #fff}
.prizes .prize-image { float: left; margin: 0 1em 0 0}
.prizes .prize-description { margin: 2em 1em 1em; font-size: 14px}

#contest-content .contest-prizes ul,
#contest-content .contest-prizes ol,
#contest-content .contest-description ul,
#contest-content .contest-description ol {list-style: disc inside none}

.whysignup { width: 750px}
.whysignup li { float: left; width: 180px; background: none; padding: 0px; margin: 2px; margin-top: 10px; text-align: left; color: #444}
.whysignup img { float: left; padding-right: 5px; margin-bottom: 35px; margin-top: 0px}
.whysignup div { font-size: 11px}
.whysignup strong { font-size: 110%}

table.membership-details  { width:100%; border: none; background-color: #fafafa}
table.membership-details th { width: 25%; text-align: right; padding: 0.3em}
table.membership-details td { vertical-align: middle; font-size: 115%}
.you-pro .subsectionHead { margin: 2em 0 0}

.ible-review span {font-weight: 900}
.ible-review .count {margin: 0; padding: 0}
.ible-review .rating { font-weight: normal; color: #999}

#submit-header {border-radius: 9px 9px 0px 0px;text-align: center;font-size: 30px;font-family: Helvetica, Arial, sans-serif;font-weight: bold;background-color: #EEE;position: absolute;top: -23px;left: -23px;width: 1016px;height: 60px;line-height: 60px;padding-top:7px;}
#submit-bodyText {text-align: center; width: 500px;text-align: center;left: 50%;padding-top: 50px;position: relative;margin-left: -250px;color: #888;margin-bottom: 30px;}
#submit-bodyText p {font-size: 16px;margin-top: 20px;}

.submit-createMethod {float: left;margin-left: 37px;width: 290px;background-color: #F5F5F5;box-shadow: 0px 1px 2px darkgray;border-radius: 3px;text-align: center;height: 343px;margin-bottom: 10px;}
.submit-createMethod.first {margin-left: 0px;}
.submit-createMethod img.methodImage {height: 106px;margin-top: 30px;margin-bottom: 20px;}
.submit-createMethod a.btn-orange {font-size: 14px;}
.submit-createMethod a.btn-appDownload.first {margin-right: 10px;}
.submit-createMethod a.btn-appDownload img {height: 30px;}
.submit-createMethod .handwritten {font-family: CompleteInHimPro,Arial,Helvetica,sans-serif;font-size: 25px;}
.submit-createMethod .description {max-width: 200px; color: #949494;;font-size: 14px;display: inline-block;margin-bottom: 20px;}

.slick-column ul.column-ul {list-style: disc outside none; margin:12px 0 0; padding-left:40px}
.slick-column .column-ul li { margin: 0 0 10px -15px}

.overlayIntroText { background: white; width: 670px; margin-top:5px; padding: 5px; padding: 0 0 40px 0; font-size:1.1em; z-index:1000}
.introText { padding: 5px; margin-bottom:15px; margin-top:-20px; font-size:1.1em}
.helpimg { float:left; margin:5px 0 0 5px; position:relative}
.helptext { font-weight:bold; font-size:24px; line-height:1em}
.helpdiv { margin-left:85px; position:relative}
.helpdiv p {font-size:1.1em}
.helpdiv .subimg { margin-right: 10px}
.no-can-publish { margin: 15px 0px 0px 40px; width: 600px; }
.no-can-publish .stepTitle { padding-top: 10px; }

div.big-tabs { position: relative; margin: 3em 0 -1px; z-index: 2}
div.big-tabs ul { margin: 0; padding: 0; list-style-type: none}
div.big-tabs ul ul { display: none; position: absolute; top: 1.7em; background: #f4f4f4; border: 1px solid #d6d6d6; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 3px 3px 3px #999; -moz-box-shadow: 3px 3px 3px #999; -webkit-box-shadow: 3px 3px 3px #999; }
div.big-tabs li { float: left; margin: 0 0.5em 0 0; padding: 0.25em 1em; border: 1px solid #d6d6d6; border-bottom: 0 none; background: #dbdbdb url(/static/img/editor/large-tab-bg.png) repeat-x; font-size: 1.5em; border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; }
div.big-tabs li.be-normal,
div.big-tabs li li { float: none; margin: 0; padding: 0; border: 0 none; background: transparent none; font-size: 1em; white-space: nowrap; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; }
div.big-tabs li.active { background: #f4f4f4 none; border-bottom: 1px solid #f4f4f4; z-index: 2}
div.big-tabs a { color: #000; text-shadow: #fff 1px 1px; text-transform: capitalize}

div.big-tabs li.be-normal { float: left; font-size: 1.25em; margin: 0 1em 0 .5em; line-height: 1.5em}
#editinstructable li.be-normal { padding: 0.35em 1em 0.15em 0; background: url(/static/img/down-arrow.png) no-repeat right center}
div.big-tabs li.be-normal li { font-size: 0.85em}
div.big-tabs li.be-normal li a { display: block; padding: 0.25em 0.5em; text-shadow: none}
div.big-tabs li.be-normal li a:hover { background-color: #fff; text-decoration: none}
div.big-tabs li.be-normal li a.top-link { border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; }
div.big-tabs li.be-normal li a.bottom-link { border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; }

ul.small-tabs { position: relative; margin: 0; padding: 0; list-style-type: none}
ul.small-tabs li { position: relative; z-index: 200; float: left; margin: 0 0.5em 0 0; padding: 0.25em 1em; border: 1px solid #d6d6d6; border-bottom: 0 none; background: #dbdbdb url(/static/img/editor/large-tab-bg.png) repeat-x; font-weight: 900; font-size: 110%; border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; }
ul.small-tabs li a { color: #333}
ul.small-tabs li.ui-tabs-selected,
ul.small-tabs li.active { background: #fff none; border-bottom: 1px solid #fff; margin-bottom: -1px}

#editinstructable {}
#editcontest div#content,
#editinstructable div#content  { width: 808px; margin: 0 auto}
#editinstructable .title { margin-left: 120px; width:682px; border: 0 none}
#editinstructable #EditFORM {}

ul#stepbuttons ul,
ul#stepbuttons { margin: 0; padding: 0; list-style-type: none}
ul#stepbuttons li { position: relative; display: inline-block; zoom: 1; *display: inline}
ul#stepbuttons ul { display: none; position: absolute}
ul#stepbuttons a.big-button { margin-left: 0}
#saveStatus { position: absolute; min-height: 2em; right: -135px; top: 0; width: 100px; padding: 0.5em; border: 1px solid #d6d6d6; color:#999; text-align:center; background-color: #f4f4f4; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#saveStatus #little-arrow { display: block; position: absolute; left: -7px; top: 10px}
#container #SubmitShaker,
#editinstructable #SubmitShaker { text-align: right}
#SubmitShaker #cancel-button { float: left}
#formfields label { display: block; margin: 0 0 0.25em; font-size: 120%}
#formfields #title { width: 99%}
div.tabbedpanes div.small-box,
div.small-box,
#editpreviewtabbedpanes div.preview,
#formfields div.edit { position: relative; z-index: 2; background-color: #fff; padding: 10px; border: 1px solid #d6d6d6}
#formfields div.edit { position: relative; border-radius: 0 5px 5px; -moz-border-radius: 0 5px 5px; -webkit-border-radius: 0 5px 5px; }
#editpreviewtabbedpanes { width: 788px}
#saveBox img#saveSpinner, .saveBox img#saveSpinner { display: block; position: absolute; right: -60px; top: 5px}
span.EMBIGGEN { font-size: 155%; line-height: 0.5em; vertical-align: middle}

div.old-editor ul#stepbuttons { margin: 1em 0}
div.old-editor ul#stepbuttons a.little-button { margin: 0 1em 0 0}
div.old-editor #formfields label { margin: 1em 0 0}

div#ballotbox { position: fixed; bottom: 0; width: 100%; overflow-x: scroll; overflow-y: hidden; height: 200px; padding: 10px;
    background-color: #fff; z-index: 2110; -moz-box-shadow: 0 0 7px #000; -webkit-box-shadow: 0 0 7px #000; box-shadow: 0 0 7px #000;}
div#ballotbox div.ballot { position: relative; display: inline-block; width: 290px; margin: 0 10px 0 0; padding: 5px; border: 1px solid #ccc; }
div#ballotbox div.ballot a.remove { display: block; position: absolute; top: -5px; right: -5px; background-color: #fff; color: red;
    font-weight: 900; padding: 1px 5px; border: 2px solid #c90000;
    border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; }
div#ballotbox div.ballot a.remove:hover { text-decoration: none; color: #fff; background-color: red; }
div#ballotbox div.ballot a.ballot-thumb { display: block; float: left; margin: 0 5px 5px 0; }
div#ballotbox div.ballot p.ballot-title { margin-right: 2em; }
div#ballotbox div.ballot p.ballot-author { font-size: 10px; }
div#ballotbox div.ballot p.option { float: left; margin: 0 1px 0 0; }

div.comment div.spotThumbs a img { margin: 0 10px 10px 0}

div#change-username { border-top: 1px solid #d3d3d3; padding: 1em 0 0}
div#change-username input#screenName { position: relative; top: 2px; font-size: 1.5em; padding: 0.1em}
div#change-username img#change-username-spinner { position: relative; top: 5px}

div#change-username-available { display: inline-block; zoom: 1; *display: inline; margin: 0 0 0 1em; }

#ebook-download div.layout1col_div_1 { margin: 2em 0 0; }
#ebook-download p { font-size: inherit; }
#ebook-download #download-pdf,
#ebook-download #download-epub,
#ebook-download a.minor-btn,
#ebook-download a.projects-btn { display: inline-block; zoom: 1; *display: inline; margin: 0 1em 0 0; padding: 0.5em; background: #f6b318 url(/static/img/ebooks/button-bg.png) repeat-x; border: 1px solid #d5b24d; color: #080808; font-weight: 900; text-shadow: #fff 1px 1px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
#ebook-download a.projects-btn { background: #efefef url(/static/img/ebooks/grey-button-bg.png) repeat-x; border-color: #c8c8c8; margin-right: 0px; }
#ebook-download a.minor-btn { position: relative; top: 40px; padding: 0.25em 0.5em;
    background: #efefef url(/static/img/ebooks/grey-button-bg.png) repeat-x; border-color: #c8c8c8; }
#ebook-download div#top-sidebar a.minor-btn { top: auto; }
#ebook-download div#top-sidebar p.ctr { text-align: center; margin: 30px 0 17px;}
#ebook-download a.minor-btn:hover,
#ebook-download a.btn:hover { text-decoration: none; }
#ebook-download div#top-main { float: left; width: 628px; margin: 0 2em 0 0; }
#ebook-download div#top-sidebar { float: left; width: 23em; padding: 1em; text-align: center; background-color: #fff; }
#ebook-download div#top-sidebar p { text-align: justify; font-size: 1.2em; }
#ebook-download div#top-sidebar strong { display: block; margin: 1em 0; text-align: left; font-size: 1.4em; }
div#ebook-spot { min-height: 298px; position: relative; }
div#ebook-spot div#intro-description { float: left; margin-left: 210px; }
div#ebook-spot div#intro-description div.small-box { height: 210px; overflow-y: scroll; display: none; }
div#ebook-spot div#intro-description #toc-box ol { margin: 0; padding: 0 2em; }
div#ebook-spot div#intro-description #toc-box ol li { text-transform: capitalize; font-size: 1.1em; margin: 0 0 .5em; }
div#ebook-spot div#spot-img-box { position: absolute; left: 0; width: 200px; height: 300px; overflow: hidden; }
div#ebook-spot img { width: 200px; }
div#format-buttons { margin:8px 0 0 210px; float:left; font-size: 1.2em; }
div#format-buttons p { font-weight: 900; }
div#device-table { clear: both; margin: 2em 0; }
div#device-table table { width: 630px; }
div#device-table tr { background-color: #fff; }
div#device-table tr.odd { background-color: #fff9ed; }
div#device-table th { padding: 0.5em; background: #e3e3e3 url(/static/img/ebooks/device-head-bg.png) repeat-x; font-size: 1.4em;
    border-right: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3; }
div#device-table th.last { border-right: 0 none; }
div#device-table td.last { border-right: 0 none; }
div#device-table td.last-row { border-bottom: 0 none; }
div#device-table th.tl-corner { border-radius: 5px 0 0 0; -moz-border-radius: 5px 0 0 0; -webkit-border-radius: 5px 0 0 0; }
div#device-table th.tr-corner { border-radius: 0 5px 0 0; -moz-border-radius: 0 5px 0 0; -webkit-border-radius: 0 5px 0 0; }
div#device-table td { padding: 0.5em; font-size: 1.1em;
    border-right: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3;}
div#device-table table,
#ebook-download div#top-sidebar { border: 1px solid #d3d3d3; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
div#related-titles { clear: both; margin: 1em 0 0; }
div#related-titles div.related-ebook { width: 160px; height: 240px; overflow: hidden; float: left; margin: 0 34px 10px 0; }
div.related-ebook img {width:160px}
div#related-titles p.more { margin: 0; padding: 0; text-align: right; }
div#related-titles p.more a.minor-btn { position: relative; top: auto; font-size: 120%; }
div#related-titles h2 { margin: 1em 0; }
div.ebook-login {position: absolute; z-index: 1000; display: none; top: 0; left: 0; }
div.ebook-login div.content { box-shadow: 3px 3px 3px #666; -moz-box-shadow: 3px 3px 5px #666; -webkit-box-shadow: 3px 3px 5px #666;  }

div#change-username-available { display: inline-block; zoom: 1; *display: inline; margin: 0 0 0 1em}

ul.keywords { list-style: none; margin: 0px; margin-left: 5px; padding-left:1px; font-size: 12px;}
ul.keywords li {margin:2px; float: left; width: 145px;}
ul.keywords li a {color: #404040;}

#editcontest div#leftcontent { float: left; width: 162px; }
#editcontest div#centercontent,
#editcontest div#edit-form,
#editcontest div.big-tabs { margin: 0 0 -1px 170px; }
#editcontest div.big-tabs { height: 33px}

#go-pro { background-color: #f6f6f6; }
#go-pro #content { margin: 0 auto; }
#go-pro div.why-box { padding: 10px; border-bottom: 1px dashed #c0c0c0; }
#go-pro div.why-box-content { margin-left: 125px; }
#go-pro div.why-box h2 { float: left; margin: 20px 0 0 0; }
#go-pro div.why-box h2 span {visibility: hidden;}
#go-pro div.why-box h2#why-go { width: 110px; height: 24px; background: url(/static/img/gopro/n/why-go-pro.png) no-repeat left top; }
#go-pro div.why-box h2#what-you-get { width: 117px; height: 24px; background: url(/static/img/gopro/n/what-you-get.png) no-repeat left top; }
#go-pro div.why-box h2#how-much { margin-top: 30px; width: 99px; height: 20px; background: url(/static/img/gopro/n/how-much.png) no-repeat left top; }
#go-pro div.why-why { width: 248px; float: left; padding: 10px; }
#go-pro div.why-why img { float: left; margin: 0 10px 0 0; }
#go-pro div#why-go-pro div.why-why { padding: 10px 0 0 20px; }
#go-pro div#what-table { background: url(/static/img/gopro/n/table-back.png) repeat-y; margin-left: 135px; }
#go-pro div#what-table table { margin: -3px 0 0 10px; border-left: 1px solid #dedede; }
#go-pro div#what-table th,
#go-pro div#what-table td { font-size: 120%; padding: 0.5em; border-right: 1px solid #dedede; border-bottom: 1px solid #dedede; }
#go-pro div#what-table th { text-align: left; font-size: 130%; background: url(/static/img/gopro/n/th-bg.png) repeat-x bottom; }
#go-pro div#what-table td.rowhead { font-size: 130%; font-weight: 900; }
#go-pro div#what-table td { background-color: #fff; }
#go-pro div#what-table tr.alt td { background-color: #fff9ed;  }
#go-pro div#what-table td.check { text-align: center; }
#go-pro #month,
#go-pro #year2 { margin-top: 7px;  }
#go-pro #nothanks { margin: 0 0 100px 125px; text-align: center; }

div#author-options,
#admin-tools { padding: 10px; background-color: #ffc; border-radius: 5px; box-shadow: 2px 2px 4px #666; }
#admin-tools {margin:0 0 1em}
#admin-tools input {margin-right:3px}
#admin-tools table {margin-bottom:10px}
#admin-tools fieldset {border:1px solid #ccc}
div#author-options { margin:0 0 1em}

form#compose { width: 530px; }
form#compose div#SubmitShaker input.button { font-size: 150%; border-radius: 4px; }
form#compose div.redactor_editor {min-height: 250px;}
form#compose div.editForms {width: 545px;}
form#compose div#SubmitShaker {width: 545px;}

div.hatbox { margin: 0 0 2em; border: 1px solid #ccc; border-radius: 5px; }
div.hatbox h3 { padding: 0.5em 0.5em 0.4em 0.8em; border-bottom: 1px solid #ccc; background: linear-gradient(#fff, #e9e9e9); border-radius: 5px 5px 0 0; }
div.hatbox div.hatbox-content { padding: 1em; border-radius: 0 0 5px 5px; background-color: #f9f9f9; font-size: 14px; }
div.hatbox div.image-display-wrapper { background-color: #fff; margin-right: 10px; }
div.hatbox div.image-display-wrapper.guide {background:transparent;}

div.member-hatbox {margin: 2em 0;}
div.member-hatbox.constrained { width:738px; }
div.member-hatbox.constrained h3 {padding:0px;}
div.member-hatbox h3 { padding: 0px; margin-bottom:10px;  }
div.member-hatbox div.hatbox-content { padding: 1em; border-radius: 0 0 5px 5px;  font-size: 110%; }
div.member-hatbox div.image-display-wrapper { background-color: #fff; margin-right: 10px; }
div.member-hatbox div.comment {border: 1px solid #C2BAB0;border-top: 0 none;}
div.member-hatbox div.comment.toplevel {border-top: 1px solid #C2BAB0;}

/* commentlist styles apply to the many textual content types inside the 2012 member page */
.commentlist {list-style: none;padding-left:0px;}
.commentlist li {color: #76736E; padding-top:7px; padding-bottom:7px;height:48px;border-top: 1px solid #E6E6E6;border-bottom: 1px solid #E6E6E6;margin-top:-1px;background: url(/static/img/commentlist-background.png) no-repeat;background-size: 100% 100%;}
.commentlist li.patchlist {width:48%;}
.commentlist img {display:inline;float:left;}
.commentlist div.imageplace {width:48px;height:48px;display:inline;float:left;margin:0px;}
.commentlist div.imageplace.stats {border:1px solid #DADADA; background-color:#F6F6F6;color: black;text-align:center;margin-top:-1px;}
.commentlist div.imageplace.stats span.big {margin-top:6px;display:block;font-size:22px;font-weight:bold;}
.commentlist div {display: inline; float:left;  margin-left: 12px; margin-top: 5px; line-height: 19px;}
.commentlist a.title { margin-left:0px; text-decoration:none; font-weight:bold; font-size: 14px; color: #007DB1; }
.commentlist a.inline {margin-left:0px;}
.commentlist span.spacer {margin-left:10px;margin-right:10px;}
img.fn {float:none;}

a.subscribeButton {padding: 0.35em 0.6em; border-radius: 3px; font-size: 110%; font-weight: 900; display: inline-block;width:85px;text-align:center;text-decoration:none;line-height:17px;height:16px;cursor:pointer;}
a.subscribeButton i {float:left;position:relative;top:-4px;margin-left:-7px;margin-right:-7px;}
a.subscribeState {background: url(/static/img/header/yellow-tab-bg.png) repeat-x; background-size: 100% 220%; border: 1px solid #e3bb41; color: #333;}
a.unsubscribeState {background: url(/static/img/header/nav-gray-bg.png) repeat-x; border: 1px solid #ccc; color: #333;}

ul#meta-tabs li.active { background-color: #f9f9f9; border-bottom-color: #f9f9f9; }
#meta-tabs li a { font-size: 16px; font-weight: 900}
div#meta-info-sidebar-box { border-radius: 0 0 5px 5px; }
div#meta-stats { display: none; }

div#instructable-title { clear: both; }

select#membership-dropdown { font-size: 110%; }

.bottomer { margin-bottom: 1.5em; border-bottom: 1px solid #cfcfcf; }
.topper { margin-top: 1em; border-top: 1px solid #cfcfcf; }
.member_body_instructables_div_2 .topper,
.member_body_instructables_div_2 .bottomer,
.member_body_instructables_div_2 .image-display-wrapper { margin-right: 15px; }

div.libtip { display: none; padding: 10px; color: #fff; z-index: 2000; background: url(/static/img/alpha-65-black.png); border: 3px solid #fff; box-shadow: 0 0 10px #000; border-radius: 5px}
.ui-dialog .ui-dialog-titlebar-close,
a.lib-delete { display: block; position: absolute; top: -7px; right: -7px; width: 14px; height: 14px; background: url(/static/img/cancelbutton.gif) no-repeat}

div.browse-ad { min-width: 300px; min-height: 250px; }

#fineprintdetail { margin: 1em 2em; font-size: 90%; }
#payment-detail-row td { font-size: 150%; font-weight: 900; }

div.note-holder { position: absolute; background: url(/static/img/transparent.png); }
div.note-border { position: absolute; top: 0; left: 0; z-index: 3; border: 2px solid #fff; border-image: url(/static/img/noteborder.png) 2 2 round; -webkit-border-image: url(/static/img/noteborder.png) 2 2 round; -moz-border-image: url(/static/img/noteborder.png) 2 2 round; -o-border-image: url(/static/img/noteborder.png) 2 2 round; }
div.note-border div.note-text { text-align:left; display: none; background-color: #fff; border: 1px solid #ff0; padding: 0.25em; position: absolute; min-width: 210px}
div.note-text textarea { width: 205px; }
div.note-text a { float: right; margin: 0; }
div.note-text a.delete,
div.note-text a.cancel { float: left; }
div.note-border.ui-draggable { cursor: move; }

.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute; font-size: 0.1px; z-index: 99; display: block; border: 1px dotted #fff}
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}

div.ui-widget-overlay { position: absolute; left: 0; top: 0; background-color: #666; opacity: .50;filter: Alpha(Opacity=50); }
.ui-dialog { position: absolute; padding: 1em; width: 300px; overflow: hidden; background-color: #fff; border-radius: 5px; border: 3px solid #f60; box-shadow: 0 0 10px #000; }
.ui-dialog-titlebar { position: relative; padding: 0.25em 0.5em; background-color: #f60; color: #fff; font-weight: 900; border-radius: 5px 5px 0 0; }
.ui-button { padding: 0.4em 1em; display: block; line-height: 1.4em; cursor: pointer; font-weight: 900; color: #000; border: 1px solid #ccc; background-color: #f6f6f6; }
.ui-dialog .ui-dialog-titlebar-close span { display: none; }
.ui-dialog .modal-msg { padding: 1em; }

div.sidebarBoxContent ul { margin: 0 0 1em; padding: 0; list-style-type: none; font-size: 12px }
div.sidebarBoxContent ul li { margin: 0 0 0.5em; padding: 0 0 0.5em; border-bottom: 1px solid #e7e7e7; background-image: none;}
div.sidebarBoxContent ul li span.action { float: right; color: #fff; background-color: #c00; font-weight: 900; border-radius: 500px; text-decoration: none }

div.ui-tabs-hide { display: none; }
div#this-lib-row,
div#lib-row { margin: 1em 0; text-align: center; }
div#lib-pagination { float: right; }
div#lib-search-box { display: inline-block; }
div#lib-search-box .button { margin: 0 0 0 1em; }
p#lib-position { display: inline-block; margin: 0 1em; }
a#lib-next-row,
a#lib-prev-row { display: inline-block; margin: 0 0.25em; }
a#lib-search-submit { display: inline-block; margin: 0 0 0 0.5em; }

.file-tabs select#lib-rows {width:100px}
.file-tabs input#lib-search {width:145px}
.file-tabs div#lib-pagination {margin-top:25px}
.upload-tab label {display:inline}

#reorder-message { display: none; font-size: 130%; font-weight: 900; margin: 1em 0 0; }
#upload-button { margin: 0; }

.post-comment-box ul#image-bucket { list-style-type: none; min-height: 125px; width: 571px; float: right;padding: 0px 10px 6px 10px;box-sizing: border-box;}
ul#image-bucket {list-style-type: none;min-height: 125px;}
ul#image-bucket li { position: relative; }
.ui-state-highlight { height: 125px; border: 1px dotted #fe5200; background-color: #ffffe3; }
ul#image-bucket.bucket-highlight { border: 2px dashed #d6d6d6; }
ul#image-bucket a.remove-bucket-img { position: absolute; bottom: 0.25em; left: 3em}
#commentUploaderTemplates {display:none}

div.uimodal .ui-dialog-titlebar { display: none }
div.uimodal { width: auto; }

.cover-item {position:relative; width:306px; background:#fff; box-shadow:0 1px 3px rgba(0, 0, 0, 0.35)}
.cover-item:hover {-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.66); -moz-box-shadow:0px 1px 3px rgba(0, 0, 0, 0.66); box-shadow:0px 1px 3px rgba(0, 0, 0, 0.66)}
.cover-item .cover-image {display:block; overflow:hidden; width:306px; height:255px; text-align:center;}
.cover-item .cover-image-ebook {height:335px}
.cover-item .cover-image-ebook img {width:223px}
.cover-item .overlay-actions {display:none; background:#fff; opacity:0.89; position:absolute; top:0; left:0; width:100%; min-height:50px; text-align:center}
.cover-item:hover .overlay-actions {display:block}
.cover-item .sponsoredText {color: #999;}
.featured-cover-item-huge .sponsoredText {bottom: 12px;position: absolute;left:12px;}
.cover-stats .sponsoredText {float: left; color: #757575;}
.featured-cover-item .sponsoredText {position: relative;margin-left: 12px;}
.lt-ie9 .cover-item {border-width:1px 1px 2px; border-style:solid; border-color:#e0e0e0}
.cover-image img {max-width:none}
.cover-info {background:#fff; padding:10px 13px; margin-bottom:10px; height:50px; overflow:hidden}
.cover-info .title {font-size:14px; font-weight:bold; line-height:20px;}
.cover-info .title a {color:#333;}
.cover-info .author {color:#999; line-height:20px;}
.cover-info .author a {color:#555}
span.author {color:#999}
.cover-info.award-winner {background:url(/static/img/contest-award.png) no-repeat 95% 0px; padding-right:50px}
.cover-stats {font-size:12px; color:#76736e; height:15px; line-height:15px; padding:7px 8px 8px; background-color:#f6f6f6; border-top:1px solid #e7e7e7}
.cover-stats .thumb-divider{border-right: 1px #e7e7e7 solid;display: inline-block;position: relative;top: -7px;
    padding-right: 5px;height: 30px;margin-right: 8px;vertical-align: top;}
.cover-stats .bg-icon {height:15px; margin-right:4px}
.cover-stats > .fr > .views {padding-left:20px}

span.channel {color:#999; line-height:20px;}
span.channel a {color:#555}

.featured-editor-content h3 {margin-bottom:10px}
.featured-editor-content .featured {padding:20px 0}
.featured-editor-content .featured-author {font-size:13px}
.featured-editor-content .featured-author p {color:#707070; line-height:16px}
.featured-editor-content .featured-author > a {height:120px; width:120px; margin:0 14px 5px 0; float:left; display:inline-block; overflow:hidden; *display:inline; zoom:1}
.featured-editor-content .featured-author > a > img {width:120px}
.featured-editor-content .featured-list a {display:block; padding-left:4px; font-size:13px; line-height:34px; border-bottom:1px solid #e6e6e6; background:url("/static/img/explore/featured-link-bg.png") repeat-x bottom center}
.featured-editor-content .featured-list li:first-child a {border-top:1px solid #e6e6e6}
.featured-editor-content .popular-channels a {display:inline-block; *display:inline; *zoom: 1; float:left; margin:0 5px 5px 0}
.featured-editor-content .popular-channels .channels {border:0; padding:0}

/* photoset */
.photoset {background-color:#f6f6f6; border:1px solid #000; border:1px solid #bfbfbf; border:1px solid rgba(0,0,0,0.21); min-height:109px; margin-bottom:35px; padding:20px 0; position:relative;}
.photoset:before {content:''; width:646px; height:184px; position:absolute; bottom:-48px; left:-1px; background:url(/static/img/instructable/photoset-bg.jpg) no-repeat center -22px transparent}
.photoset .row {position:relative; margin:10px auto 0; width:630px; text-align:center}
.photoset .row:first-child {margin-top:0px; overflow:visible;}
.photoset .row .photoset-link,
.photoset .row .photoset-link-external {display:inline-block; margin-left:10px; vertical-align:top; zoom:1; *display:inline;}
.photoset .row .photoset-link:first-child,
.photoset .row .photoset-link-external:first-child  {margin-left: 0px !important; position:relative;}

.photoset .video-container {position:relative; display:block; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden}
.photoset .video-container iframe,
.photoset .video-container object,
.photoset .video-container embed {position:absolute; top:0; left:0; width:100%; height:100%; border:none}

.photoset .photo-container {overflow:hidden}
.photoset img {max-width:none}
.photoset img.lazyphoto {display:none;}

.photoset div.note-holder {cursor:pointer; color:#333; top:0 !important; left:0 !important;}
.photoset .notes-icon {background:url(/static/img/icon-notes.png) no-repeat; width:25px; height:25px; display:inline-block; position:absolute; right:0; top:0;}
.photoset .photoset-link.selected .notes-icon {background-image:url(/static/img/icon-notes-sel.png);}

.photoset-seemore {display:block; border:1px solid #ccc; box-shadow: 0 1px 0 0 #828282; height:48px; line-height:38px; font-weight:bold; font-size:14px; color:#333; background:#e0e0e0; background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#e0e0e0)); background:-moz-linear-gradient(top,#fff,#e0e0e0);}
.photoset-seemore:hover {background:#e9e9e9; background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#e9e9e9)); background:-moz-linear-gradient(top,#fff,#e9e9e9); text-decoration:none}
.photoset-seemore span {display:inline-block; width:37px; height:15px; position:relative; top:-20px; background:url(/static/img/downarrow-sprite.png) no-repeat 0 -10px;}
.photoset-seemore:hover span {background-position:0 4px}

#photoset-overlay {display:block; bottom:0; left:0; right:0; top:0; overflow-x:auto; overflow-y:scroll; position:fixed; z-index:2400;}
#photoset-overlay .transparency {display:block; position:absolute; cursor:pointer; top:0; bottom:0; left:0; right:0; width:100%; background:#000; opacity:0.8; filter:alpha(opacity=80); -moz-opacity:0.8;}

.photoset-fancybox .fancybox-image {cursor:pointer;}
.photoset-fancybox .fancybox-nav {width:20%;}
.photoset-fancybox .fancybox-nav span {visibility:visible; background:url(/static/img/photoset-gallery-arrows.png) no-repeat; width:43px; height:70px;}
.photoset-fancybox .fancybox-prev {left:-120px;}
.photoset-fancybox .fancybox-prev span {background-position:-0px -0px;}
.photoset-fancybox .fancybox-next {right:-120px;}
.photoset-fancybox .fancybox-next span {background-position:-54px -0px;}
.photoset-fancybox .note-holder {top:0 !important; left:0 !important; cursor:pointer;}

/* header bar */
.header-bar {margin:-23px 0 23px 0; height:76px; line-height:76px; border-radius:9px 9px 0 0; -moz-border-radius:9px 9px 0 0; -webkit-border-radius:9px 9px 0 0; border-bottom:1px solid #919191; border-bottom:1px solid rgba(145,145,145,0.48)}
.header-bar img {vertical-align:middle}
.header-bar .header-title {color:#333; display:inline-block; *display:inline; *zoom:1; font-family:CompleteInHimPro,Arial,Helvetica,sans-serif; font-size:36px; font-weight:normal; margin-left:10px; line-height:77px}
.header-bar, .header-gradient {
  background: rgb(255,255,255);
  background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(244,244,244,1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(244,244,244,1)));
  background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(244,244,244,1) 100%);
  background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(244,244,244,1) 100%);
  background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(244,244,244,1) 100%);
  background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(244,244,244,1) 100%);
}

/* explore page styles */
.drawer.expanded .drawer-inner:after {background-position:0px -40px}
.drawer.collapsed .drawer-inner:after {background-position:0px 0px;}
.drawer.expanded .drawer-content {display:block}
.drawer.collapsed .drawer-content {display:none}
.drawer-inner {position:relative}
.drawer-inner:before {position:absolute; content:''; bottom:-7px; left:0; height:7px; width:100%; background:url(/static/img/explore/pulltab-border.jpg) repeat-x}
.drawer-inner:after {position:absolute; content:''; bottom:-30px; left:48%; height:30px; width:50px; background-repeat:no-repeat; background-position:0px 0px; background-color:transparent; background-image:url(/static/img/pulltab-sprite.png)}
.drawer-pull {display:block; position:absolute; bottom:-30px; left:48%; width:50px; height:30px; background:transparent; cursor:pointer; z-index:1}

#explore-header {margin-bottom:30px}
#explore-header > .header-bar {margin-bottom:0}

#explore-drawer.collapsed .drawer-inner:before {background-image:none}
#explore-drawer.collapsed .drawer-inner:after {background:url(/static/img/explore/pulltab-open.png) no-repeat 0 -24px; bottom:-25px; height:25px}

.explore-icons {margin-top:26px}
.explore-icons li {margin-left:16px}
.explore-icons a {display:block; text-indent:-999em; background:url(/static/img/explore/explore-icons.png) no-repeat top left}
a.explore-all.selected {background-position: 0 0; width: 30px; height: 23px}
a.explore-all {background-position: 0 -33px; width: 30px; height: 23px}
a.explore-food.selected {background-position: 0 -66px; width: 34px; height: 23px}
a.explore-food { background-position: 0 -99px; width: 34px; height: 23px}
a.explore-living.selected {background-position: 0 -132px; width: 26px; height: 23px}
a.explore-living {background-position: 0 -165px; width: 26px; height: 23px}
a.explore-outside.selected {background-position: 0 -198px; width: 34px; height: 23px}
a.explore-outside {background-position: 0 -231px; width: 34px; height: 23px}
a.explore-play.selected {background-position: 0 -264px; width: 38px; height: 23px}
a.explore-play {background-position: 0 -297px; width: 38px; height: 23px}
a.explore-tech.selected {background-position: 0 -330px; width: 28px; height: 23px}
a.explore-tech {background-position: 0 -363px; width: 28px; height: 23px}
a.explore-workshop.selected {background-position: 0 -396px; width: 23px; height: 23px}
a.explore-workshop {background-position: 0 -429px; width: 23px; height: 23px}

.explore-menubar {margin-bottom:20px}
.explore-menubar .btn-toolbar {margin:10px 0 5px}
.categories-menu .dropdown-menu a,
.types-menu .dropdown-menu a {padding: 0 5px}
.explore-sort {margin-top:0px; margin-bottom:10px; font-size:14px}

.activetags-toolbar a.btn {font-size:11px; line-height:15px; padding:2px 6px; clear:none; }
.activetags-toolbar a.btn-close {opacity:1; filter:alpha(opacity=100)}
.activetags-toolbar a.btn-close span {float:right; font-size:15px; opacity:0.3; filter:alpha(opacity=30)}
.activetags-toolbar .bg-icon.add {margin:0 4px; top:-6px;}
.activetags-toolbar .btn.clearall {margin:0 4px}

.rich-checkbox {display:block; overflow:hidden; text-overflow:ellipsis; line-height:25px; background-color:#f9f9f9; padding:0px 3px; border-radius:3px; box-shadow: 0 0 0 1px #e0e0e0 inset, 1px 1px 0 0 rgba(0, 0, 0, 0.29);}
.rich-checkbox .icon-checkbox {background-color:#fff; width:20px; height:20px; border:1px solid #dbdbdb}
.rich-checkbox .checkmark {background-position:-44px -794px; background-color:#fff; border-radius:3px; border:1px solid #dbdbdb; margin-right:5px; width:18px; height:18px; top:3px; float:left}
.rich-checkbox.selected .checkmark {background-position: -27px -794px}

.dropdown-menu li:hover .rich-checkbox {background-color:#f4f9fb}
.dropdown-menu li:hover .rich-checkbox .checkmark {background-position:-3px -794px}
.dropdown-menu .activetags-toolbar {padding:0 15px}
.dropdown-menu .activetags-toolbar .btn-group {margin-top:3px}
.dropdown-menu .activetags-toolbar .btn-group.clearall {display:block; margin:10px 0}
.dropdown-scroll {height:300px; overflow-y:scroll}

.tags-menu .dropdown-menu {width:300px; padding:10px 0}
.tags-menu .dropdown-menu li {margin-bottom:3px}
.tags-menu .dropdown-menu li > a:hover,
.tags-menu .dropdown-menu .active > a,
.tags-menu .dropdown-menu .active > a:hover {background-color:#fff; color:#333}
.tag-select {display:block; line-height:27px}
.tag-select .rich-checkbox {float:left}
.tag-select .stat {float:right}

.explore-covers-list li {margin:0 26px 25px 0}
.lt-ie9 .explore-covers-list li {margin:0 26px 25px -4px}
.explore-pagination .pagination {margin:0}
.explore-pagination .btn-group .btn:first-child {border-radius:4px;}
.explore-pagination .rss .dropdown-toggle {padding:4px 7px}
.explore-ad {width:306px; height:339px; float:right; margin:0 0 25px; overflow:hidden; position:relative; z-index:2120;}

/* ible search page */
.search-ibles {margin:26px auto; visibility:hidden}
.search-ibles.none {visibility:visible}
.search-ibles.none .cover-item {margin:0 auto; text-align:center}
.search-ibles.none .cover-item .cover-image {height:auto}
.search-ibles .scroll-to-top {right:15px; bottom:-100px; width:50px; padding:20px 10px 25px; text-align:center; font-weight:bold; color:#666; text-decoration:none; position:fixed; cursor:pointer; font-size:15px; border-radius:.3em; border:1px solid #bbb; background-color:#f0eded; background:-moz-linear-gradient(center top, #fdfafb, #f9f7f7 50%, #f6f3f4 50%, #f0eded); background:-o-linear-gradient(top left, #fdfafb, #f9f7f7 50%, #f6f3f4 50%, #f0eded); background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#fdfafb), to(#f0eded), color-stop(.5,#f9f7f7),color-stop(.5,#f6f3f4)); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfafb', endColorstr='#f0eded');}
.search-ibles .scroll-to-top:hover {text-decoration:none}
.search-covers-list li {margin:0 13px 26px}
.lt-ie9 .search-covers-list .cover-item {border:none}

.search-header-wrapper {width:100%}
.search-header-inner {height:110px; text-align:center}
.search-header {width:100%; z-index:1; border-width:1px 0; border-style:solid; border-color:#919191; -webkit-box-shadow:-1px 3px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow:-1px 3px 3px rgba(0, 0, 0, 0.1); box-shadow:-1px 3px 3px rgba(0, 0, 0, 0.1); background:#f5f5f5; background:-moz-linear-gradient(top,  #f5f5f5 0%, #eeeeee 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#eeeeee)); background:-webkit-linear-gradient(top,  #f5f5f5 0%,#eeeeee 100%); background:-o-linear-gradient(top,  #f5f5f5 0%,#eeeeee 100%); background:-ms-linear-gradient(top,  #f5f5f5 0%,#eeeeee 100%); background:linear-gradient(to bottom,  #f5f5f5 0%,#eeeeee 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#eeeeee',GradientType=0 );}
.search-header .bg-icon {width:24px}

.makeit-searchbar {display:inline-block; *display:inline; *zoom:1; position:relative; text-align:left; width:595px; height:56px; background:url(/static/img/search/makeitsearch-bg.png) no-repeat right center}
.makeit-searchbar .title {position:relative; top:15px; font-size:32px; font-family:CompleteInHimPro; letter-spacing:2px; padding:0}
.makeit-searchbar .submit {position:absolute; width:46px; height:45px; right:0; top:0; text-indent:-999em}

#makeit-searchfield {position:absolute; overflow:hidden; right:60px; top:0; width:350px; height:45px; line-height:45px; padding:4px 6px}
#makeit-searchfield input,
#makeit-searchfield .dummy-input {position:absolute; top:3px; left:3px; width:350px; height:45px; line-height:45px; font-size:24px; color:#757575; background:none; border:none; outline:none; box-shadow:none; border-radius:none}
#makeit-searchfield input {text-shadow:none; color:transparent; z-index:2}
#makeit-searchfield .dummy-input {top:7px; left:10px; width:auto; white-space:nowrap}
#makeit-searchfield input:focus {border:none; outline:none}
#makeit-searchfield .cursor {position:absolute; width:2px; height:45px; top:-7px; background:url(/static/img/search/makeitsearch-cursor.gif) no-repeat}

.lt-ie9 #makeit-searchfield input {display:block; color:#fff !important}
.lt-ie9 #makeit-searchfield .cursor,
.lt-ie9 #makeit-searchfield .dummy-input {display:none}

body.search-page .makeit-searchbar,
body.search-page .dropdown-searchbar {margin-top:26px}

.dropdown-searchbar {display:inline-block; *display:inline; *zoom:1; position:relative; text-align:left; width:595px; height:56px}
#textSearch-dropdown-searchbar {width:455px;}
.dropdown-searchbar .title {position:relative; top:15px; font-size:32px; font-family:CompleteInHimPro; letter-spacing:2px; padding:0}
.dropdown-searchbar .submit {position:relative; top:-12px; display:inline-block; *display:inline; *zoom:1; width:46px; height:45px; text-indent:-999em; background:url(/static/img/search/makeitsearch-btn.png) no-repeat}
.dropdown-searchbar .input-append {margin:0 15px; position:relative; top:2px; display:inline-block; *display:inline; *zoom:1}
.dropdown-searchbar .input-append input {font-size:18px; color:#757575; height:25px; line-height:25px}
.dropdown-searchbar .input-append .btn {line-height:25px}
.dropdown-searchbar .input-append .caret {margin-top:11px; margin-left:5px}

/* answers search */
#answers-search-header .header-title {font-family:Arial, Helvetica, sans-serif; color:#007DB1; font-size:14px; line-height:77px; margin:0}
#answers-search-header .header-title a {color:#007DB1}
#answers-search-header .header-search {right:0; top:22px; line-height:1}
#answers-search-header .header-search input {vertical-align:top}
#answers-search-header .header-search label {font-size:20px}
#answers-search-header .ask-btn {margin-left:20px; padding:4px 12px}
#answers-search-form .controls {margin-left:170px}
#answers-search-sortbar {margin-bottom:12px}
.answer-search-entry {padding-top:2px;padding-bottom:2px;border-bottom: 1px solid #F0EDEB; height:53px; margin:0 -23px}
.answer-search-entry > .container {margin-top:10px}

/* groups page styles */
.group-snippet {padding:0 0 23px 0; margin-bottom:23px; height:130px; background:url(/static/img/groups/divider.png) no-repeat center bottom}
.group-snippet .group {float:left; width:570px}
.group-snippet .image {float:left; width:130px; height:130px; margin-right:15px; overflow:hidden}
.group-snippet .info p {width:530px; color:#757575; font-size:13px}
.group-snippet .title {font-size:16px;}
.group-snippet .title a {color:#333}
.group-snippet .gallery {float:right; width:400px; height:130px; overflow:hidden; position:relative}
.group-snippet .gallery li {margin-right:2px}
.group-snippet .gallery > a {display:block}
.group-snippet .gallery-cover {display:none; position:absolute; top:0; left:0; width:395px; height:130px; line-height:130px; text-align:center; background:url(/static/img/groups/thumbnails-hover.png)}
.group-snippet .stats a {margin-right:10px; color:#333; text-decoration:none}
.group-snippet .stats a .bg-icon {margin-right:3px}
.group-snippet .stats a.stat {margin:0 10px}

/* group page */
.group-entries {width:650px}
.group-entries li {margin:0 21px 21px 0}
.group-entry-cover {width:194px}
.group-entry-cover .cover-actions {text-align:center; width:194px; background-color: #f5f5f5; background: linear-gradient(to bottom, #ffffff, #e6e6e6)}
.group-entry-cover .cover-actions.ballot {height:68px; border-top:1px solid #e5e5e5}
.group-entry-cover .cover-info {width:174px; height:56px; line-height:18px; padding:7px 10px; margin:0}
.group-entry-cover .cover-image {width:194px; height:167px}
.group-entry-cover .cover-image > img {width:194px}
.group-entry-cover .cover-image-ebook {height:237px}
.group-entry-cover .fill-btn {border-radius:0; padding:5px 0; border-width:1px 0 0; width:194px}
.group-entry-cover .fill-btn span {padding-top:0}
.group-entry-cover .title {padding:0}
.group-entry-cover .group-category-changer {width:140px; margin:10px 0}

/* instructable page styles */
body.instructable .header-bar {height:auto; line-height:normal}

#ible-header {position:relative; width:1016px; padding:16px 0 5px; z-index:2250}
#ible-header.fixed {position:fixed; top:0}
#ible-header-inner {position:relative}
#ible-header.collapsed:before,
#ible-header.expanded:before {position:absolute; content:''; bottom:-10px; height:10px; width:1016px; background:url(/static/img/instructable/header-bg.png) repeat-x}
#ible-header .title-container {width:800px}
#ible-header .title-container h1 {font-size:24px; font-weight:bold; display:inline}
#ible-header .author-by-line {font-size:14px; margin-left:5px; color:#999}
#ible-header .title {font-size:14px}
#ible-header a:hover {color:#999;}
#ible-header-toggle {display:block; position:absolute; bottom:0px; left:50%; width:50px; height:11px; background:url(/static/img/ible-header-pulltab.png) no-repeat; cursor:pointer; z-index:1}
#ible-header.expanded #ible-header-toggle {background-position: 0px 0px}
#ible-header.expanded:hover #ible-header-toggle {background-position: 0px -21px}
#ible-header.collapsed #ible-header-toggle {background-position: 0px -42px}
#ible-header.collapsed:hover #ible-header-toggle {background-position: 0px -63px}

#jump-to-allsteps-btn {padding:4px 8px}
#jump-to-step-btn {-webkit-border-top-right-radius:0; border-top-right-radius:0; -webkit-border-bottom-right-radius:0; border-bottom-right-radius:0; -moz-border-radius-topright:0;-moz-border-radius-bottomright:0;}

#ible-awards-bar {margin-top:-16px}
#ible-awards-bar .bg-img {margin-left:10px}
#ible-awards-bar > img, #ible-awards-bar > a {margin-left:10px; vertical-align:top}

#ible-awards-bar .vote-dropdown .dropdown-menu {width:270px}
#ible-awards-bar .vote-dropdown .dropdown-menu.pull-right {right:0; left:auto}
#ible-awards-bar .vote-dropdown .dropdown-menu.pull-right:before {right:12px; left:auto; border-width:0 14px 7px}
#ible-awards-bar .vote-dropdown .dropdown-menu.pull-right:after {right:14px; top:-6px; left:auto; border-width:0 12px 6px}
#ible-awards-bar .vote-dropdown h3 {margin-bottom:10px}

#ible-awards-bar .contests-entered li {margin-bottom:15px}
#ible-awards-bar .contests-entered li:last-child {margin-bottom:0}
#ible-awards-bar .contest-entry .contest-image {display:block; width:130px; height:130px; overflow:hidden; float:left; padding:0}
#ible-awards-bar .contest-entry p {float:left; text-align:center; font-size:11px; color:#757575; line-height:20px; margin:36px 0 0 20px}
#ible-awards-bar .contest-entry .bg-icon.checkmark {vertical-align:middle}

.bg-img.vote {text-indent:0; color:#fff; font-size:14px; text-align:center; cursor:pointer; text-shadow:#8d3300 0.1em -0.1em 0.1em; background-image:url(/static/img/instructable/vote-bg.png); width:54px; height:42px; line-height:37px}
.bg-img.featured {background-image:url(/static/img/instructable/award-featured.png); width:29px; height:45px}
.bg-img.contest-winner {text-align:center; background-image:url(/static/img/instructable/award-contest.png); width:29px; height:45px}

#ible-steps-nav {background:#f9f9f9; padding:15px 0; border-top:1px solid #dadada; margin-top:4px}
#ible-steps-nav .bubble-tip {top:-15px; width:30px}
#ible-steps-nav .btn {margin:0 5px 5px 0}
#ible-steps-nav .btn:hover,
#ible-steps-nav .btn.active {background-color:#ea5800; color:#fff; background-position:0 -22px}
#ible-steps-nav .dropdown-menu {left:-20px; top:170%}
#ible-steps-nav .dropdown-menu:after {left:25px}
#ible-steps-nav .dropdown-menu:before {left:24px}
#ible-steps-nav .dropdown-menu.intro:after {left:34px}
#ible-steps-nav .dropdown-menu.intro:before {left:33px}
#ible-steps-nav .step {width:325px; clear:both; padding-bottom:5px}
#ible-steps-nav .image {float:left}
#ible-steps-nav .image a {display:block; width:99px; height:99px; overflow:hidden; padding:0}
#ible-steps-nav .description {float:right; width:210px; font-size:13px; overflow:hidden; color:#757575}
#ible-steps-nav .description h4 {margin-bottom:5px}
#ible-steps-nav .description p {width:175px}
#ible-steps-nav.collapsed {display:none}
#ible-steps-nav.expanded {display:block}

.step-container {padding-bottom:26px; margin-bottom:30px; background:url(/static/img/instructable/step-divider.png) no-repeat center bottom}
.step-container .step-title {margin:12px 0}
.step-container .ible-files {margin-top:40px}
.step-container .step-comments {margin-top:5px; margin-bottom:25px}
.step-body ul {list-style: disc outside none}
.step-body ol {list-style: decimal outside none}
.step-body ul, .step-body ol {margin:0 0 9px 25px; padding:0}
.step-body ul.curly {list-style:none; margin:0px; margin-left:5px; padding-left:1px}
.step-body iframe, .step-body object, .step-body embed, .step-body img {max-width:100%; border:none}
.step-body pre {margin-left:0; border:none; background-color:transparent;max-height: 500px;overflow-y: auto;border: 1px solid lightgray;}
.stepLabel { font-weight:bold; font-size:16px; color: #ff5200; margin: 0 5px 0 0}
.stepTitle { font-size:16px; font-weight:bold; color: #333}
#steps-pager .btn.fl {font-size:15px; margin-right:10px}
#steps-pager .btn.fr {font-size:15px; margin-left:10px}

#ible-about {padding:0; color:#757575}
#ible-about > div {position:relative; padding:1em}
#ible-about > div:before {position:absolute; top:0; left:0; border-top:1px solid #e5e5e5; content:''; width:100%}
#ible-about > div:after {position:absolute; top:1px; left:0; border-top:1px solid #fff; content:''; width:100%}
#ible-about .ible-info {padding:0}
#ible-about .lbl {font-weight:bold; color:#333; position:relative; margin-right:5px}

.add-ible-actions {margin-top:10px}
.add-ible-actions a {margin-right:8px}

.hatbox.about-ible {position:relative; font-size:12px}
.hatbox.about-ible > h3 > .stats-link {position:absolute; top:3px; right:3px; font-weight:normal; font-size:13px; padding:2px 3px}

.stats-modal h4 {margin-left:12px}
.ible-stats {margin:20px auto; width:370px; border:1px solid #d0dce1; border-radius:2px}
.ible-stats table {width:370px}
.ible-stats table th {text-align:left; font-weight:normal; vertical-align:top; padding:5px}
.ible-stats table td {text-align:right; font-weight:bold; vertical-align: top; padding: 5px}
.ible-stats tr:nth-child(even) {background:#f4f9fc}

.ible-info span {font-weight:bold; color:#333}
.ible-info span.count {font-size:18px}
.ible-info .ible-details i {top:2px}
.ible-info .ible-details {float:left; position:relative; width:155px; min-height:78px; padding:1em}
.ible-info .ible-details:before {position:absolute; right:1px; top:1px; border-right:1px solid #fff; content:''; height:100%}
.ible-info .ible-details:after {position:absolute; right:0; top:1px; border-right:1px solid #e5e5e5; content:''; height:100%}
.ible-info .entry-details > .featured-by {margin-bottom:0}
.ible-info .entry-details {min-height:63px}
.ible-info .ible-extras {float:right; width:86px; padding:1em}

.ible-author .author-image {float:left; display:block; width:75px; height:75px}
.ible-author .author-details {margin-left:84px; overflow-x:hidden; width:186px; padding-bottom:5px}
.ible-author .byline a {display:block}
.ible-author .byline .name {color:#333; font-size:16px; margin-bottom:3px; font-weight:bold}
.ible-author .byline .site {font-size:13px; margin-bottom:9px}
.ible-author .follow .callout {margin-left:10px; top:2px}
.ible-author .bio {margin-top:15px}
.ible-author .bio .label {position:relative; top:-2px; margin-right:5px}

.ible-more-by-user li {margin-right:7px}
.ible-more-by-user .lbl {display:block; margin-bottom:7px}

.ible-tags a {display:inline-block; *display:inline; *zoom: 1; float:left; margin:0 5px 5px 0;}
.ible-tags .label {position:relative; top:2px; margin-right:5px;}
.ible-tags span.lbl {top:3px}

.addto-modal {width:400px}
.addto-modal .addable-item {padding:15px}
.addto-modal .addable-item .image {float:left; width:130px; height:130px; overflow:hidden; margin-right:20px}
.addto-modal .addable-item .title {display:table-cell; vertical-align:middle; height:130px}
.addto-modal .addable-item h4 {margin-bottom:5px}
.addto-modal .msg {text-align:center; padding:10px}
.addto-modal .imodal-body {max-height:400px; overflow-y:scroll; margin:-10px}
.addto-modal.group {width:526px}
.addto-modal.group .addable-item .image {width:320px; height:65px}
.addto-modal.group .addable-item .title {height:65px}
.addto-modal.group select.group-category {width:150px}
.addto-modal.contest .title {width:150px}
.addto-modal.contest .addbtn {display:block}

#related-instructables .related-item {font-size:14px; color:#76736e; margin:0 0 10px 2px; position:relative; height:78px; overflow:hidden}
#related-instructables .related-item .imglink {float:left; display:block; width:75px; height:75px; margin:0 10px 4px 0}
#related-instructables .related-item .info {margin:0 0 0 85px}
#related-instructables .related-item a {white-space:normal; font-weight:bold; color:#333; line-height:19px}
#related-instructables .related-item a.user { font-weight:normal; font-size:13px; color:#999}
#related-instructables .related-item span.byline {font-size:13px; color:#999;}

/* community page styles */
.forum-title {margin:0 auto 10px}
.forum-title p.titlebar {font-weight:normal; font-size:14px; color:#ff5200}
.forum-title a.titleButton:hover {color:#fff}

.topic-body, answer-body {padding-top:8px}
.topic-body h2 {margin-bottom:10px; padding-top:0}
.topic-comments, answer-comments {padding:0px; margin-top:15px}
.topic-body .flag-menu,
.answer-body .flag-menu {margin-left:0}

.community-last-post { float: right; margin-top:4px; width: 200px; }
.community-last-post .date {color:#857561}

#forum-search-header .header-title {font-family:Arial, Helvetica, sans-serif; color:#ff5200; font-size:14px; line-height:77px; margin:0}
#forum-search-header .header-search {right:0; top:22px; line-height:1}
#forum-search-header .header-search input {vertical-align:top}
#forum-search-header .header-search label {font-size:20px}
#forum-search-header .create-btn {margin-left:20px; padding:4px 12px}
#forum-search-form .controls {margin-left:170px}
#forum-search-sortbar {margin-bottom:12px}
#questionText {width:380px; font-size:12px; height:30px; margin-right:5px;overflow:auto}

/* member page styles */
body.member-page .header-bar {margin-bottom:0; height:60px; line-height:60px}

div#member-profile-stats ul { width: 232px; }
div#member-profile-stats li {padding:0 11px; border-bottom:1px solid #dfdfdf; height:40px; line-height:40px; font-size:14px}
div#member-profile-stats li.hiddenstat { display:none; }
div#member-profile-stats li.selected { background-color: #f6f6f6; position:relative}
div#member-profile-stats li.selected:after {content:''; width:19px; height:42px; position:absolute; right:-19px; top:-1px; background:url(/static/img/member-menuitem-selected.png) no-repeat}
div#member-profile-stats li.nohover {height:auto;}
div#member-profile-stats li.nohover:hover {border:none;margin-top:0px;padding-top: 12px;}
div#member-profile-stats li i {top: -8px;margin-right:10px;}
div#member-profile-stats a {display:block; color:#dcdcdc; text-decoration:none}
div#member-profile-stats ul strong {color:#333}
div#member-profile-stats .member-profile-stat-count { display: inline-block; border: 1px solid #d5d5d5; border-radius: 3px; float: right; padding:0 6px; top: 7px; position: relative; color: #ff5200; display: inline-block; font-weight: 900; background-image: url("/static/img/profile/countback.png"); height:24px; line-height:24px}

#member-content {position:relative; z-index:1}
#member-leftcontent {position:absolute; left:0; overflow:hidden; padding:0 25px 0 0; height:100%; width: 232px; z-index:2}
#member-leftcontent:before {content:''; position:absolute; top:0; right:25px; left:0; bottom:0; box-shadow:0 0 8px #cbcbcb; z-index:-1}
#member-leftcontent img {padding: 5px;}

#member-centercontent {padding: 25px 0 10px 25px; float:right; width:760px;}
.member-page #omni > .container,
.member-page #container {margin: 0; width: 100%;}
.member-page .image-display-wrapper { width: 229px; height: 300px; margin-right: 23px; margin-bottom: 23px; }
.member-page .image-display { height: 229px; width: 229px; margin: 0; }
.member-page .image-display img { width: 229px; height: 229px; }
.member-profile-content {font-size:14px; line-height:19px;}
.member-details { overflow:hidden; padding: 23px; padding-right: 0; padding-bottom: 0; height:176px; }
.member-profile-content.collapsed { max-height: 140px; overflow: hidden; }
.member-profile-content.expanded { min-height: 140px; }
#member-profile-fulltitle { min-height: 222px; box-shadow: 0 0 8px #cbcbcb; -moz-box-shadow: 0 0 8px #cbcbcb; -webkit-box-shadow: 0 0 8px #cbcbcb; padding-bottom: 10px; position:relative; z-index:2}
#member-profile-fulltitle .read-more { text-align: right; margin-top:8px; margin-right: 10px; display: block; bottom: 0px; right: 0px; background-color: white; box-shadow: 0 -10px 20px 0px white; }
.member-page div.user-image { float: left; width: 232px; height: 232px;}
.member-page div.user-image img { width: 232px; height: 232px; }
.member-instructables .pager-container {padding-right:27px}
.member-recent-instructables > a.view-all {display:inline-block; float:right ;margin-right:31px; line-height:22px}
.member-recent-instructables > h3 {display:inline-block; margin-bottom:8px}
div.member-hatbox div.member-group-entry {margin-right:20px}
.member-group-entry .image-display {width:195px; height:195px}
.member-group-entry .title-display {color:#333; padding: 10px; height:auto}
.member-page .member-group-entry {width:195px; height:266px; box-shadow:0 1px 3px rgba(0, 0, 0, 0.35); border:none}
.member-page .member-group-entry img {width:195px; height:195px}
.lt-ie9 .member-page .member-group-entry {border-width:1px 1px 2px; border-style:solid; border-color:#e0e0e0}

h1#member-profile-name {width:470px; display:inline-block; line-height:60px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
#member-profile-statbar ul {display: inline-block; float:right}
#member-profile-statbar li {display: inline-block; margin-left: 2.5em}
#member-profile-statbar img {display: inline-block; margin-right: 5px}
#member-profile-statbar strong {color: #b0b0b0; margin-right: 5px; font-weight: bold}
#member-profile-statbar strong img {margin-right: 0}

.member-profile-buttons {margin-right:1em; width:14em; float:left}
.member-profile-content {float:left; width:570px}
.member-profile-content strong { margin-right: 0.5em; }
.member-profile-content .gender {text-transform:lowercase; }

.follower-count { color:black; top: -1px; position: relative; border: 1px solid #d5d5d5; display: inline-block; padding: 0.35em 0.6em; margin-left: 10px; border-radius: 3px; font-weight: 900; }
.follower-count .bubble-point { position: absolute; left: -6px; }
.member-profile-buttons a.orange-btn { display: inline-block; line-height: 110%; }
.member-profile-buttons .button-row { margin-top: 10px; margin-bottom: 10px; }
.member-profile-buttons .follow-plus { font-size: 160%; color: #ba8906; float: left; margin-left: -2px; margin-right: 4px; }
.member-profile-buttons #follow-btn {margin-top:-2px}

.member-instructables .pagination,
.member-comments .pagination {height:auto; margin:0}
.member-comments .page-count,
.member-followers .page-count {margin-left:5px; float:right; color:#857561}
.member-comments .commentlist {margin-bottom:12px}
.member-orangeboard-comments {margin-top:0}
.member-orangeboard-comments .post-comment-box {margin-bottom:10px}

.member-covers-list li {margin:0 21px 23px 0}
.member-cover-item {width:230px}
.member-cover-item .cover-image {width:230px; height:190px}
.member-cover-item .cover-image img {width:230px}
.member-cover-item .cover-image-ebook {height:232px}

li:hover .icon-overview {background-position:-24px 0px;}
li:hover .icon-instructable  {background-position:-24px -360px;}
li:hover .icon-guides {background-position:-25px -48px;}
li:hover .icon-questions {background-position:-24px -72px;}
li:hover .icon-forums {background-position:-24px -96px;}
li:hover .icon-comments {background-position:-24px -120px;}
li:hover .icon-groups {background-position:-24px -144px;}
li:hover .icon-favorites {background-position:-24px -216px;}
li:hover .icon-patches {background-position:-24px -240px;}
li:hover .icon-achievements {background-position:-24px -264px;}
li:hover .icon-following {background-position:-24px -288px;}
li:hover .icon-followers {background-position:-24px -312px;}
li:hover .icon-orangeboard {background-position:-24px -552px;}

#ibles-by-locale-selector ul {width:200px}
#ibles-by-locale-selector li > a {padding:3px 10px}
#ibles-by-locale-selector .locale-title {line-height:24px}
#member-ible-locale-selector {float:right; margin:10px 27px 10px 0}

/* new contest page */
body.contest-page #omni {margin-top:0; padding-top:0;  background:url(/static/img/contest-page-divider.png) repeat-y scroll -290px top #f3f3f3}
body.contest-page #omni > .container {width:1016px}
body.contest-page .tab-container {border-top-left-radius:9px}
#contest-masthead {width:1016px; height:200px; overflow:hidden; margin-bottom:0px; border-radius:9px 9px 0 0; border-bottom:1px solid #c2c2c2; background-color:#555; background-image:url(/static/img/linen_texture_med2.jpg) !important; background-attachment:scroll}
#contest-masthead img {width:1016px}
#contest-header {display:none}
#contestAdminLocaleButtonContainer {display: inline-block;position: relative;height: 60px;}

#contest-tabs {width:670px}
#contest-tabs .tabbed-body {width:auto; padding:20px 23px}
#contest-tabs .tabgroup-button {height:55px; line-height:38px; padding:0}
#contest-tabs .tabgroup-button-selected,
#contest-tabs .tab-button-container {height:57px}
#contest-tabs .tab-button-container {height:57px; width:672px; margin-left:-24px}
#contest-tabs .tabgroup-button p {font-size:14px}
#contest-tabs .tabgroup-button a {display:inline-block; zoom:1; *display:inline; padding:0 36px}
#contest-tabs .tabgroup-button:last-child a {padding:0 38px}

#contest-sidebar {width:345px; float:right; border-radius:0 9px 9px 0}
#contest-sidebar .statsbox {width:304px}
#contest-sidebar .statsbox_number {height:29px}
#contest-sidebar .statsbox_stat {width:100px; margin:3px 0 0}
#contest-sidebar-content {padding:10px 20px}
#contest-sidebar .contest-description {margin:0; color:#666; font-size:14px !important; line-height:20px}
#contest-sidebar .contest-description img {max-width:100%; padding-bottom:12px}
#contest-sidebar .sidebarBox {margin:20px 0}

.your-votes .vote-entry {margin:5px 0}
.your-votes .vote-entry a {display:block}
.your-ballot .ballot-entry .ible-image,
.your-votes .vote-entry .ible-image {float:left; margin-right:5px; width:48px; height:48px}
.your-votes .vote-entry .vote-info {float:left; line-height:48px}

.your-ballot .sidebarBoxHeader {padding:10px 5px}
.your-ballot .sidebarBoxContent {padding:2px 5px}
.your-ballot .ballot-entry {position:relative; padding:5px 0 3px; margin-top:3px; border-top:1px solid #ccc}
.your-ballot .ballot-info {float:left; width:190px; height:48px}
.your-ballot .ballot-info p {margin:0}
.your-ballot .ballot-info p.ballot-title {margin-top:10px}
.your-ballot .ballot-remove {position:absolute; top:15px; right:0}

#contest-status {margin:5px 0}
.contest-title-box {height:40px; width:100%; display:table; margin-bottom:4px}
.contest-title {display:table-cell; vertical-align:middle; font-size:17px}
.contest-title > .status {font-weight:normal; font-size:11px; color:#666}
.contest-rss-btn-block {display:inline-block;margin-top:7px;width:44px;height:22px;float:right}
.contest-rss-btn {width:20px;height:20px;float:right}
.contest-rss-btn img {margin-left:-27px;margin-top:-1px}

.range-voter > .slider-toggle {margin-top:20px}
.sliding-voter {position:relative; display:none}
.sliding-voter .slider-value {display:block; position:absolute; top:0; left:48%; text-align:center}
.sliding-voter > .slider {position:absolute; width:174px; height:5px; top:30px; left:10px}
.sliding-voter > .slider .ui-slider-handle {width:13px; height:13px}
.sliding-voter > .slider-labels {position:absolute; width:174px; left:10px}
.sliding-voter > .slider-labels.top {top:11px}
.sliding-voter > .slider-labels.bottom {top:43px}
.slider-labels span {padding-top:0}

#contest-entries-stage,
#contest-entries-sort {margin-bottom:16px}
#contest-judging-intro {margin-bottom:30px}

.contest-entries {width:650px}
.contest-entries li {margin:0 21px 21px 0}
.contest-entry-cover {width:194px}
.contest-entry-cover .cover-actions {text-align:center; width:194px; background-color: #f5f5f5; background: linear-gradient(to bottom, #ffffff, #e6e6e6)}
.contest-entry-cover .cover-actions.ballot {height:68px; border-top:1px solid #e5e5e5}
.contest-entry-cover .cover-info {width:174px; height:56px; line-height:18px; padding:7px 10px; margin:0}
.contest-entry-cover .cover-image {width:194px; height:167px}
.contest-entry-cover .cover-image > img {width:194px}
.contest-entry-cover .vote-fill-btn {border-radius:0; padding:5px 0; border-width:1px 0 0; width:194px}
.contest-entry-cover .vote-fill-btn span {padding-top:0}
.contest-entry-cover .title {padding:0}

.contest-rewards .reward {min-height:114px; padding:20px 23px; margin:0 -23px; background:url(/static/img/contest/section-bg.png) repeat-x center bottom}
.contest-rewards .reward-info {float:left; width:275px}
.contest-rewards .reward-info h1 {margin-bottom:20px}
.contest-rewards .reward-description {color:#757575; font-size:14px; line-height:22px}
.contest-rewards .reward-image {float:right; width:340px; height:340px; line-height:340px; text-align:center; border:1px solid #d0d0d0; box-shadow:0 1px 3px rgba(0, 0, 0, 0.35)}
.contest-rewards .reward-image img {max-width:340px; vertical-align:middle}

.contest-howtoenter .enter-step {margin:20px 0; padding-bottom:20px}
.contest-howtoenter .enter-step h2 {margin-bottom:15px}
.contest-howtoenter .enter-step .info {float:left; width:320px}
.contest-howtoenter .enter-step .image {float:right; width:288px; height:156px; position:relative}
.contest-howtoenter .enter-step .image:after {content:''; width:100%; height:18px; position:absolute; left:0; bottom:-30px; background:url(/static/img/contest/howtoenter-arrow.jpg) no-repeat center}
.contest-howtoenter .enter-step.last .image:after {background:none}
.contest-howtoenter .enter-step p {font-size:14px; line-height:18px; color:#757575}

.contest-winners .winner-set {background:url(/static/img/contest/section-bg.png) repeat-x center bottom; margin:0 -23px; min-height:114px; padding:10px 23px}
.contest-winners .winner-set h2 {background:url(/static/img/contest/coin-winner.png) no-repeat; margin:15px 0; padding:13px 0 13px 50px}
.winning-entries {width:650px}
.winning-entries li {margin:0 15px 23px 0}
.top-prize-winner .image {float:left; width:300; height:300px; overflow:hidden; margin-right:15px}
.top-prize-winner img {width:300px}
.top-prize-winner .info {float:left; width:256px}
.top-prize-winner .info p {margin:20px 0}
.top-prize-winner .title a {color:#333; font-size:14px; font-weight:bold}

.enter-contest-modal {width:680px; text-align:center}
.enter-contest-body {max-height:310px; overflow-y:scroll; margin:10px 0}
.enter-contest-section {padding:20px; padding-bottom:20px; background:url(/static/img/contest/contest-divider.png) no-repeat bottom center}
.enter-contest-section h1 {margin:20px 0}
.enter-contest-ible {margin:5px; height: 80px; width:269px; padding: 10px; text-align:left;}
.enter-contest-ible > .image {float:left; width:75px; height:75px; margin-right:10px}
.enter-contest-ible > .info {float:left; height:75px; width:170px; position:relative}
.enter-contest-ible > .info > .content {position:absolute; bottom:0; line-height:1}
.enter-contest-ible > .info > .content > .error {font-size:11px}
.enter-contest-ible > .info  a {color:#333; font-size:13px; margin-top:5px}
.enter-contest-footer {padding:20px}
.enter-contest-footer .bubble {width:485px; height:115px; line-height:115px; margin-right:10px; border-radius:8px; border:1px solid #ccc; box-shadow:2px 2px 5px 0 rgba(0,0,0,0.19)}
.enter-contest-footer .bubble-tip:before {}
.enter-contest-footer .bubble-tip:after {}
.enter-contest-footer .btn {margin-top:-6px}
.enter-contest-footer .heading {font-family:CompleteInHimPro; font-size:30px; color:#333; padding:0; margin-right:20px}

.contest-ineligible-notice {color:#757575; font-size:14px}
.contest-finalists-notice {text-align:center; margin:40px 0}

.robot-speech-bubble {background:url(/static/img/robot-speechbubble.png) no-repeat; width:484px; height:214px; margin:50px; position:relative}
.robot-speech-content {position:absolute; width:270px; height:180px; right:0; top:10px; padding:16px; text-align:center}
.robot-speech-content span {font-family:CompleteInHimPro; font-size:30px}
.robot-speech-bubble .btn {margin:20px 0}

/* contest landing page */
#contest-landing-header .btn {margin-left:10px}
#left-col-contests {margin-right:30px}
#right-col-contests {padding-top:6px}

.contest-landing-section {margin-bottom:30px}
.contest-landing-section > h1,
.contest-landing-section > h3 {margin-bottom:10px}
.contest-landing-section .ilist a {line-height:28px}

.contest-preview h1,
.contest-preview h3 {color:#fff; margin:10px 0}
.contest-preview {position:relative; text-align:center; margin-bottom:25px; overflow:hidden}
.contest-preview .cover {pointer-events:none;display:none; overflow:hidden; cursor:pointer; background:url(/static/img/overlay-slice.png) repeat transparent; position:absolute; top:0; left:0; width:100%; height:100%}
.contest-preview .cover-inner {display:inline-block; *display:inline; *zoom:1; line-height:normal}
.contest-preview .actions .btn {margin:0 5px; pointer-events:auto;}
.contest-preview .actions .bg-icon {vertical-align:baseline; top:1px}

#opened-contests {margin:0 0 40px 0; padding:0 0 40px 0; background:url(/static/img/section-divider.png) no-repeat center bottom}
#opened-contests .contest-preview:last-child {margin-bottom:0}
#opened-contests .contest-preview,
#opened-contests .contest-preview .cover,
#opened-contests .contest-preview img {width:970px; height:191px; line-height:191px}

#closed-but-votable-contests .contest-preview,
#closed-but-votable-contests .contest-preview .cover,
#judged-contests .contest-preview,
#judged-contests .contest-preview .cover,
#recently-closed-contests .contest-preview,
#recently-closed-contests .contest-preview .cover,
#closed-but-votable-contests .contest-preview img,
#judged-contests .contest-preview img,
#recently-closed-contests .contest-preview img {width:630px; height:124px; line-height:124px}

.contest-archive-year {background:url("/static/img/section-divider.png") no-repeat center bottom; margin: 0 0 20px; padding:0 0 20px}
.contest-archive-month {margin:10px 0; float:left; padding-right:20px; width:220px}
.contest-archive-month a {font-size:14px; line-height:25px}

/* login page */
body.reset-password #omni,
body.login-page #omni {width:546px}
body.reset-password #omni > .container,
body.login-page #omni > .container {width:500px}

/* reset password */
.reset-password .breadcrumb {margin:0 0 20px; font-size:13px}
.reset-password .checkbox {display:none}

/* pro membership retail discount page */
#pro-discounts-header img {width:40px; position:relative; top:20px}
#pro-discounts-header .header-title {font-weight:normal}
.discount-offer-box {
  font-size:15px;
  min-height:113px; border:1px solid #cbcbcb;
  padding:20px; margin-bottom:20px;
  background: #ffffff;
  background: -moz-linear-gradient(top,  #ffffff 0%, #eaeaea 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eaeaea));
  background: -webkit-linear-gradient(top,  #ffffff 0%,#eaeaea 100%);
  background: -o-linear-gradient(top,  #ffffff 0%,#eaeaea 100%);
  background: -ms-linear-gradient(top,  #ffffff 0%,#eaeaea 100%);
  background: linear-gradient(to bottom,  #ffffff 0%,#eaeaea 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 );
}
.discount-offer-box > .image {display:table-cell; vertical-align:middle; height:112px; width:200px}
.discount-offer-box > .description {display:table-cell; vertical-align:middle; height:112px; margin-left:180px; color:#757575}
.discount-offer-box .title {font-weight:bold; color:#333}
.discount-offer-box .code {font-weight:bold}
.pro-discount-link {margin:20px 0 20px 20px}

.image-display-wrapper.guide.step {float: left; background-color: white;}
.image-display-wrapper.guide.step div.guide-imglink { display: block;position: relative; }
.image-display-wrapper.guide.step div.guide-imglink img { display: block; max-width: 100%;}

#linkToNewEditorButton {width:100%;position:relative;text-align: center;}

div .redactor_redactorAirComment{min-height: 105px;max-height: 600px;}
.comment-container .tooltip-inner {max-width: 100px;}

.statscard-popover {max-width:none; padding:0; font-size:14px}
.statscard-popover .popover-content {padding:0}
.statscard {width:420px}
.statscard .col {display:inline-block; margin-right:15px; line-height:30px; text-align:center}
.statscard .header {height:70px; padding:12px 20px 6px; border-radius:6px 6px 0 0; background-color:#f16625; color:#fff}
.statscard .body {padding:20px}
.statscard .count {font-weight:bold}
.statscard .main-stat .count {display:inline-block; font-size:19px; color:#f16625; width:52px; height:40px; line-height:50px; background: url(/static/img/statscard/large-staticons.png) no-repeat}
.statscard .main-stat .instructables-count {text-indent:8px}
.statscard .main-stat .collections-count {text-indent:-12px; background-position:-50px 0}
.statscard .other-stats {text-align:left; line-height:25px; position:absolute; width:146px; right:70px; top:16px; margin-right:0}
.statscard .other-stats .icon-views {top:-2px; background-position:-50px -528px}
.statscard .other-stats .icon-favorites {top:-2px; background-position:-50px -216px}
.statscard .author-image {float:left; display:block; width:170px; height:170px; overflow:hidden}
.statscard .author-image img {width:170px}
.statscard .author-details {float:left; overflow-x:hidden; margin-left:15px; width:195px}
.statscard .screen-name {display:block}
.statscard .screen-name a {color:#333; font-size:18px; margin-bottom:3px; font-weight:bold}
.statscard .signup-info {color:#757575; margin-bottom:15px}
.statscard .follow {margin-bottom:10px}
.statscard .follow .callout {top:2px}
.statscard .bio span {font-weight:bold; color:#000}
.statscard .bio a {display:block; margin-top:15px; height:58px; line-height:20px; overflow:hidden; padding-right:16px; color:#757575; background:url(/static/img/statscard/arrow.png) no-repeat 368px 12px}
.statscard .bio a:hover {text-decoration:none; background-position:368px -148px}

/* Achievements & medallions */
.small-medallion {
    margin-top: 1px;
    margin-bottom: 2px;
}
.comment-author-achievements {
    width: 20px;
    height: 51px;
    display: inline-block;
    margin-right: 14px;
    float: left;
}
i.small-medallion-comments {
    left: 2px;
    margin: 2px 0px 2px 0px;
}
i.small-medallion-featured {
    left: 1px;
}
.small-medallion-views {width: 21px; height: 13px;}
.small-medallion-views-gold {background-position: -50px -1518px}
.small-medallion-views-silver {background-position: -26px -1518px}
.small-medallion-views-bronze {background-position: -2px -1518px}
.small-medallion-featured {width: 17px; height: 15px;}
.small-medallion-featured-gold {background-position: -52px -1469px;}
.small-medallion-featured-silver {background-position: -28px -1469px;}
.small-medallion-featured-bronze {background-position: -4px -1469px;}
.small-medallion-comments {width: 16px; height: 13px;}
.small-medallion-comments-gold {background-position: -52px -1494px}
.small-medallion-comments-silver {background-position: -29px -1494px}
.small-medallion-comments-bronze {background-position: -4px -1494px}

.achievement-popover {max-width: 500px; z-index: 2500}
.popover-medallion {
    background-image: url('/static/img/medallions/coins.png');
    background-repeat: no-repeat;
    display:inline-block;
    overflow:hidden;
    text-align:left;
    text-indent:-999em;
    position:relative;
    width: 106px;
    height: 114px;
}
.comment-large-medallion-wrapper {
    margin-right: 10px;
    margin-left: 10px;
    display: inline-block;
    text-align: center;
    font-family: 'Open Sans Condensed', sans-serif;
    text-transform: uppercase;
    font-weight: 900;
    color: #333;
}
.medallion-gold {color: #EEB330}
.medallion-silver {color: #A9A8A8;}
.medallion-bronze {color: #C39A71}
.medallion-text-featured-gold {background-position: -247px -126px}
.medallion-text-featured-silver {background-position: -127px -127px}
.medallion-text-featured-bronze {background-position: -7px -127px}
.medallion-text-views-gold {background-position: -247px -366px}
.medallion-text-views-silver {background-position: -127px -366px}
.medallion-text-views-bronze {background-position: -7px -366px}
.medallion-text-comments-gold {background-position: -247px -606px}
.medallion-text-comments-silver {background-position: -127px -606px}
.medallion-text-comments-bronze {background-position: -7px -606px}

.member-medallion-animate {
    opacity:1;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
    -ms-transition: opacity .25s ease-in-out;
}

.member-medallion-animate:hover {
    opacity: 0;
}

.member-overview-medallion {
    display:inline-block;
    position: relative;
}
.member-medallion {
background-image: url('/static/img/medallions/coins.png');
    background-repeat: no-repeat;
    display:inline-block;
    overflow:hidden;
    text-align:left;
    text-indent:-999em;
    position:relative;
    width: 115px;
    height: 114px;
    margin: 8px 0 15px;
}

.member-medallion-bottom {
    position: absolute;
    right: 0;
    z-index: -1;
}

.medallion-notext-featured-gold {background-position: -247px -6px}
.medallion-notext-featured-silver {background-position: -127px -7px}
.medallion-notext-featured-bronze {background-position: -7px -7px}
.medallion-notext-views-gold {background-position: -247px -246px}
.medallion-notext-views-silver {background-position: -127px -246px}
.medallion-notext-views-bronze {background-position: -7px -246px}
.medallion-notext-comments-gold {background-position: -247px -486px}
.medallion-notext-comments-silver {background-position: -127px -486px}
.medallion-notext-comments-bronze {background-position: -7px -486px}

.member-medallion-wrapper {
    display: inline-block;
    background-color: #F6F6F6;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    text-align: center;
    padding: 15px;
    width: 27.2%;
}
#member-medallion-featured-wrapper {margin-right: 5px;}
#member-medallion-comments-wrapper {margin-left: 5px; margin-right: 5px;}
#member-medallion-views-wrapper {margin-left: 5px;}

.member-medallion-congratulations {
    color: #353535;
    font-size: 14px;
    font-weight: bold;
}
.member-medallion-criterion {
    font-size: 14px;
    color: #8D8D8D;
    font-weight: bold;
}
.member-medallion-text {
    font-size: 14px;
    color: #ABABAB
}
.medallion-bar {
    width: 26%;
    height: 5px;
    display: inline-block;
}
.medallion-bar-bronze {
    background-color: #D59C6C;
}
.medallion-bar-silver {
    background-color: #BBBBBB;
}
.medallion-bar-gold {
    background-color: #FEC63A;
}
.medallion-caret {
    border-top-width: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #C7C7C7;
    position: relative;
}
.medallion-caret-bronze {right: 52px;}
.medallion-caret-gold {left: 52px;}
